Jquery Living Elements

Question

효과를 처리하는 방법을 아는 사람이 있습니까? http://2crossmedia.com/liv-multicolor/ 텍스트를 클릭하면 색이 바뀌는 선으로 둘러싸여 있습니다. 코드에서 jquery라고 표시합니다. 하지만 어떻게?

감사합니다.

Answer 1

정말 멋집니다.

• http://2crossmedia.com/liv-multicolor/images/input-mask.png
• http://2crossmedia.com/liv-multicolor/images/gradient.png
• http://2crossmedia.com/liv-multicolor/images/input-bg.png

마스크 기울기 통해 오는 투명 부분과 반투명 인 PNG : 그것은 3 화상을 사용한다. 그래서 그들은 마스크 뒤에있는 그라디언트가 희미 해집니다. 그런 다음 시간 제한을 사용하여 팬을 팬합니다. 같은 뭔가 :

<div id="bg"></div> 
<div id="gradient"></div> 
<div id="front"></div> 

#gradient는 opacity = 0로 시작. 그런 다음 당신은 $("#gradient").fadeIn()과 같은 것을합니다.

Answer 2

방화 광을 사용하여 스크립트 소스를 보면 배경 이미지에 애니메이션 효과가 있음을 알 수 있습니다. 이미지는 멀 칼라 (mulicolor)이며 디스플레이보다 넓습니다. 그들은 색이 희미 해지고 있다는 환상을주기 위해 이미지의 위치를 ​​바꾸고 있습니다. 여기에 image이 있습니다.