×Welcome aboard! We are happy you are here and wish you good net-raft!



Together We Can Simplify The World

the current number of solutions:  2360
.htaccess (1x)    AJAX (13x)    ANGULARJS (161x)    ASP (1x)    ASP.NET (6x)    BACKBONE.JS (47x)    BOOTSTRAP (12x)    C# (224x)    COFFEESCRIPT (28x)    CSS (71x)    HTML (47x)    JADE (34x)    JAVA (51x)    JAVASCRIPT (430x)    JQUERY (390x)    JQUERY MOBILE (5x)    JSON (5x)    LARAVEL (25x)    MYSQL (9x)    NODEJS (162x)    ORACLE SQL (19x)    PERL (2x)    PHP (295x)    PYTHON (10x)    REACT (62x)    RUBY (25x)    RUBY ON RAILS (1x)    SHELL (2x)    SQL (90x)    SQL SERVER (3x)    TYPESCRIPT (51x)    VB.NET (32x)    W3.CSS (6x)    W3.JS (40x)    
join us

click to create your account

animate rotate jquery

(jquery animate rotate )

- JQUERY

 viewed 9

Comment:
JQUERY

0

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style>
div {
width: 180px;
height: 100px;
background: orange;
text-align: center;
color: black;
-webkit-animation: mymove 2s infinite linear alternate; /* Chrome, Safari, Opera */
animation: mymove 2s infinite linear alternate;
border: 3px solid black;
}

.paused {
-ms-animation-play-state:paused;
-o-animation-play-state:paused;
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
animation-play-state: paused;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
to {-webkit-transform: rotateY(180deg);}
}

@keyframes mymove {
to {transform: rotateY(180deg);}
}
</style>
</head>
<body>

<script>

$(document).ready(function () {

$("#stop1").click(function(e) {

$("#test").toggleClass("paused");

});

});

</script>

<button id="stop1">stop/start</button></p>

<div id="test">
<h1>Hello Javascript!</h1>
</div>

</body>
</html>

     

created: 5 months ago

The power of the user (%)

12%

Do you know a little more effective code ? Feel free to optimize ...


haven't you found what you're looking for ?
Write us your question ...
Login is not needed.


The most helpful JQUERY solutions
Likes Solution Technology
748 plugin get client ip address using jqueryJQUERY
378 plugin detect country jqueryJQUERY
277 cookie jqueryJQUERY
237 plugin convert thousands to K jqueryJQUERY
209 How to detect the version of IE browser using jquery ?JQUERY
173 How to get top, right, left, bottom position of element div using jquery ?JQUERY
139 how to get the value from an object using jquery ?JQUERY
125 how to get ip address using jquery ?JQUERY
124 jquery plugin for getting client ip addressJQUERY
104 how to create a jquery plugin for converting date to days ago, month ago and year ago ?JQUERY
Check out all of JQUERY ...
The most viewed JQUERY solutions by country
Solution Country
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre
How to get client machine name or computer name with jquery?Cinque Terre