자바 스크립트, html5 : 비 네트 효과를 동적으로 만드는 방법은 무엇입니까?

Question

그래서 내가 필요한 간단하다 : 사용자가 뭔가를 누르면, 사용자는

모두 (페이지 크기)의 모든 페이지의 상단에 새로운 사업부에 비 네트 효과를 볼 수는 일부 HTML5 캔버스 아트와 함께 할 수 있습니까? 그리고 그런 일을하는 방법?

Answer 1

음,이 크롬의 설정 페이지를 어떻게하고 있는지 정확히입니다 : http://jsfiddle.net/JRGHM/

.overlay { 
    -webkit-box-align: center; 
    -webkit-box-pack: center; 
    -webkit-transition: 0.25s opacity; 
    background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), 
             rgba(127, 127, 127, 0.5) 35%, 
             rgba(0, 0, 0, 0.7)); 
    bottom: 0; 
    display: -webkit-box; 
    left: 0; 
    padding: 20px; 
    padding-bottom: 130px; 
    position: fixed; 
    right: 0; 
    top: 0; 
    z-index: 10; 
} 

당신이 볼 수 있듯이, 중요한 부분은 그라데이션입니다. http://caniuse.com/#feat=css-gradients