일부 텍스트를 페이드 인시키고 싶습니다. Javascript 및 setInterval을 사용하여 이러한 작업을 수행했습니다. 그건 효과가 있지만 그렇게 단순한 효과를 내기에는 너무 많은 쓰레기 같아 보입니다.setInterval을 사용하지 않고 텍스트를 페이드 아웃하는 방법은 무엇입니까? 이 작업을 수행 할 수있는 CSS 방법이 있습니까?
텍스트를 페이드 인하는 CSS 방법이 있습니까? 예를 들어, 그것은 0 % 불투명도로 시작하고 내가 지정한 시간 프레임에 걸쳐 100 % 불투명 해집니다.
감사합니다.
CSS3 전환은 이것을 지원하지만 현재 약간의 지원이 이루어지지 않습니다.
:hover에서 CSS3 변환을 사용하면됩니다. 아주 간단한 예 : http://jsfiddle.net/xaBgQ/
흥미 롭군요. 그러나 이것은 공중 선회를위한 것이 아닙니다. 페이지가 처음 나타날 때 점진적으로 텍스트를 표시 한 다음 계속 볼 수있게하려고합니다. –
그렇습니다. CSS3 전환은 hover, : active :, : focus 등의 CSS 타겟 이벤트에서만 발생할 수 있습니다. Javascript가 당신이 말하는 것에 대한 유일한 방법입니다. –
예, 사용자는 CSS3 전환 타이밍 기능을 사용할 수 있습니다.
은 몇 가지 예 여기를 보라 :마음에 와서 몇 가지 아이디어 :
이1) 등 jQuery를, YUI, 같은 애니메이션 프레임 워크 물론, 사람들은 아마 setInterval을를 사용 내부적으로는 그렇지만 그것은 당신의 것이 아니라 당신의 것이지요.
2) CSS3 - 최신 브라우저에서만 작업하거나 폴백 (fall back) 계획이 필요한 경우 이동하는 것이 좋습니다. 당신이 가진 많은 예제들 Google for "CSS3 animation"
3) 텍스트가 정적이고 작다면, 아마도 움직이는 GIF 일 것입니다.
희망이 도움이됩니다.
예 ... css와 javascript 라인이 있지만 css3이어야하므로 이전 브라우저를 지원하지 않습니다. –