모래 시계 모양의 빛나는 CSS

Question

내가 디자이너에서 이미지를 가지고 :

내가 좋아하는 것이 스크롤 바 그립 배경으로 (1 픽셀의 높이가 수직 반복을 만들 수). CSS3를 사용하여 이미지 중간에 빛나는 효과를 에뮬레이트하는 방법이 있습니까?

감사합니다,

Answer 1

다음과 같은 배경으로, 그 위에 다른 사업부 만들기 : 물론

background-image: linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%); 

, 어떤 사용의 것으로,이는 다음과 같이 다시 작성해야합니다

background-image: linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%); 
    background-image: -o-linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%); 
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%); 
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%); 
    background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 0) 33%, rgba(255,255,255, 0.5) 67%, rgba(255,255,255,0) 100%);