Linked Questions

I am new to CSS but do know the basics, I want to trigger this animation by using a button. I cannot get it to work. I used a couple of examples here in Stackoverflow, Jquery, Jscript, but none seem ...

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 ...

I am trying to get an animation to run whenever a button is clicked. Right now, it only runs if the page is refreshed and does not run again on repeated clicks of the button. function ...

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 ...

This is a simple function, which works to do animation in my div with the help of onclick event. I want the animation to be restarted on every click, in other words, the function is reset after the ...

So in this example, if I don't nest the box.style.animation = 'myanimation 3s' inside of the setTimeout, then the code doesn't work. But when I run it like this, with a timeout delay of ZERO, it works....

I made an easy css keyframes animation like this @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } In my HTML code, after an onclick I trigger ...

So, I've got this -webkit-animation rule: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px;...

I was reading about the difference between two CSS properties display:none and visibility:hidden and encountered the DOM reflow term. The statement was display: none causes a DOM reflow whereas ...

Maybe it's an obvious answer, but Why on earth would browsers decide to create their own vendor prefixes for border-radius and the like? I mean: Why do I have to type: -moz-border-radius: 10px; ...

I am using CSS shader + animation. My shader class is defined as follows: .shader{ -webkit-filter :custom(url(v.vs) mix(url(f.fs) multiply destination-over), 200 200); -webkit-animation-name: test; -...

I have a simple animation of a wheel spinning. I am trying to control the speed of the spinning wheel using a slider (input range). I have managed to do this, but every time I change the animation the ...

Is there a way to restart a CSS animation without cloning elements, reflowing DOM, waiting (setTimeout/onAnimationEnd)?

What is the best way to alternate the direction of a CSS3 animation on click without javascript? I've been exploring checkbox hacks lately and trying to figure out a way to have only one set of ...