표시등을 켜는 방법

Question

이것이 StackOverflow 질문으로 인정되지 않는 경우 사과드립니다.

나는 100 개의 전구로 구성된 표시가 jpg 있습니다. 전구를 움직이기 위해 jQuery를 사용하여 잠시 후 깜박 거립니다.

두 이미지가 필요하고 깜박임을 만들기 위해 앞뒤로 숨기거나 표시하는 애니메이션을 적용 할 것이라고 생각하지만보다 세련된 솔루션이 먼저 있는지 묻고 싶습니다.

Answer 1

불투명도가있는 overlaying-div로 무언가를 할 수있는 것처럼 보입니다.이 불투명도로 인해 불빛이 '깜박입니다'. div를 광원의 맨 위에 배치하십시오. 그런 다음 '숨기기'로 숨 깁니다.

Answer 2

이미지의 조명을 투명하게 만들었 으면 (알파 블렌딩을 사용하면 조명의 반사 부분을 그대로 유지할 수 있습니다).

그런 다음 적절한 크기의 div에 이미지를 배치하고 해당 div의 배경색을 원하는대로 설정하면 조명의 색상이됩니다.

(I이를 해본 적이 없다,하지만 당신은 그 일을하지 못하도록해야한다 아무것도 칠 것처럼 확실하지 않는 것 같습니다.)

Answer 3

그주기 앞뒤로 .gif 참고를 만듭니다.