MaxInterview - how do i make and animation start on click in js

showing results for - "how do i make and animation start on click in js"

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<style type="text/css">
6.classname {
7  -webkit-animation-name: cssAnimation;
8  -webkit-animation-duration:3s;
9  -webkit-animation-iteration-count: 1;
10  -webkit-animation-timing-function: ease;
11  -webkit-animation-fill-mode: forwards;
12}
13@-webkit-keyframes cssAnimation {
14  from {
15    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(100px);
16  }
17  to {
18    -webkit-transform: rotate(0deg) scale(2) skew(0deg) translate(100px);
19  }
20}
21</style>
22<script type="text/javascript">
23  function ani(){
24    document.getElementById('img').className ='classname';
25  }
26</script>
27<title>Untitled Document</title>
28</head>
29
30<body>
31<input name="" type="button" onclick="ani()" />
32<img id="img" src="clogo.png" width="328" height="328" />
33</body>
34</html>

similar questions

stop keyframe animation javascript play css animation with js onhover js start css animation css start animation animationframe javascript start animation with javascript how to run function after animation complete jquery css animation with javascript javascript animation loop javascript animate elements js add animation to element javascript css animation

queries leading to this page

css animation fast clicking animation when click css click to play animation css trigger keyframe animation on click css animation start on click css onclick animate animation js on click css keyframe on click button how to make on click animation css and javascript animation on click js javascript add animation to element on click css div animation on click onclick apply transition css javascript do css animation on click css animate when clicked htlm on click animation css activate animation on click animation while click css add css animation to element on click how to trigger an animation on click in js how to use css transtion on button click js click animation keyframes js onclick animation onclick css click animation javascript on button click play css animation havascript transitions and animations how to trigger a keyframe onclick html onclick trigger animation launch animation from a click javascript css animation run on click javascript animation in click javascript start css animation onclick javascript trigger css animation on click on click start css animation css start animation when clicked how to start css animation on click with javascript onclick css animation on click animate javascript add animation to body onclick animate on click css javascript animation on click onclick css animation press animation css on click css animation on click how to do css animations with js start anumation after click css trigger animation on click js animation on click run css animation on click how to play animation on click javascript how to make an animation happen onclick javascript animate on click hwo to activate a animation on click in javascript activate css on click on click css animation onclick animation javascript animation css onclick click to start the animation javascript onclick css animation with statue animate div on click css run keyframes on click on click add animations js css javascript animation on click trigger css animation on click transition on click css transiion on click how do i make and animation start on click in js jquery run css animation on click function onclick animation css on click animation javascript css animation in click start animation on button click js div click css anomation make an animation on click html5 css if click make animation javascript css animation on click javascript how to use the click event javascript to trigger an animation on a div css animation after click on click play animaiton on click animation name how to make an click animation javascripy start animation on click javascript run animation on click js only css start animation when clicked js animation click onclick appear slowly css animation how can i trigger an animation onclick event in javascript javascript trigger animation on click add css animation on click javascript css animation on click javascript start css animation on click javascript play css animation on click apply css animation on click javascript animation on click javascript on click animation run animation on click javascript how to add animation in onclick event using javascript begin animate after click css animation trigger on click run animation on click css animate link on click css how to animate with css when i click css animate on click on click animation javascript trigger css animation on button click js onclick naimate javascript click animation click to start animation in js javascript transitions animations animation js click how can i have a keyframes animation start onclick how to run css animation on click onclick animation on click start animation css show animation on click how to work an animation on click in javascript animated on click js play css animation on click onclick animation css play animation on button click js javascript start animation on click onclick animation to div transition onclick css animation on click in css onclick start an animaiton animation on click css aimate after click css onclick animation animating object on click in css animation in js on click onclick run css animation css trigger animation on click how to make an onclick animation javascript open animation when click button js how do i make and animation start on click in js