Linked Questions

I know that we can use the below css to blink a div for the number of times specified: html: <div class="blink">blinking text</div> css: @-webkit-keyframes blinker { 0% { opacity: 1.0; }...

I have a flashing sprite css animation for an empty div. #flashIt{ width: 50%; height: 100px; background: blue; margin: 10px auto; border: solid 2px black; left: 25%; animation: ...

I took this code from another question "CSS Animation onClick". I was wondering if it could be possible to have a button that recall the function, even in the middle of the animation, so that it ...

Is there a way to call the function animation multiple times after first click without changing the HTML code? I need to keep id and class as they are in the code. I was trying to use display ...

document.querySelector(".fall").addEventListener("click", function () { document.querySelector(".ball").style.animation = "anim 2s forwards"; }); //my try below document.querySelector(".up")....

I have a CSS3 animation that needs to be restarted on a click. It's a bar showing how much time is left. I'm using the scaleY(0) transform to create the effect. Now I need to restart the animation by ...

I am building non-jQuery responsive image slider based on CSS3 transitions. The structure is simple: a viewport and inside relatively positioned UL with left floated LIs. I am facing a problem in ...

Each time a css3 animation loops I'd like to change a variable in the style. For example the following css drops a group of parachutes from the top to the bottom of the screen: @-webkit-keyframes ...

I have an animation using Animate.CSS that I would like to have replay if the user would like but what I have attempted does not work. Here is the code: HTML: <div class="img-center"> ...

I have a coin animation but I need to repeat this animation every 30 seconds, is it possible? Thanks. img { width: 100px; height: 100px; } .imageRotateHorizontal{ animation: ...

Is there any callback on webkit-animation complete? see example @-webkit-keyframes "blink" { 0% { opacity: 1; } 100% { opacity: 0; } } .animate { background: #000; height: 100px; ...

I am trying to figure out a solid, cross-(modern)browser method for using CSS3 Animation Events and Event Listeners to gain fine-tuned control over CSS3 animations. I know its possible to do this. ...

I'm using some CSS3 2D transforms to animate a menu for an Android specific web app. I'm inserting the animation parameters using Javascript as they only apply after an ontouchstart function is ...

I want to trigger javascript via CSS animations and vice versa (Javascript to trigger CSS). The end goal is to have CSS animations flicker on and off and have them trigger audio files that are ...

Here is an HTML form: <form method="post" action="camount.php" id="loginForm"> <span id="heading"> Username: <input type="text" ...