I have a 4 part CSS3 animation playing on click – but the last part of the animation is meant to take it off the screen. However, it always goes back to its original state once it has played. Anyone know how I can stop it on its last css frame (100%), or else how … Read more
Is it possible to use CSS3 transition animation on page load without using Javascript? This is kind of what I want, but on page load: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html What I found so far CSS3 transition-delay, a way to delay effects on elements. Only works on hover. CSS3 Keyframe, works on load but are extremly slow. Not useful … Read more
I’m trying to transition on hover with css over a thumbnail so that on hover, the background gradient fades in. The transition isn’t working, but if I simply change it to an rgba() value, it works fine. Are gradients not supported? I tried using an image too, it won’t transition the image either. I know … Read more
Currently, I have this code: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } It blinks, but it only blinks in “one direction”. I mean, it only fades out, and then it appears back with opacity: … Read more
I’m running an animation on some elements that are set to opacity: 0; in the CSS. The animation class is applied onClick, and, using keyframes, it changes the opacity from 0 to 1 (among other things). Unfortunately, when the animation is over, the elements go back to opacity: 0 (in both Firefox and Chrome). My … Read more
