Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .infinitespin {
- -webkit-animation-name: spin;
- -webkit-animation-duration: 10000ms;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- -moz-animation-name: spin;
- -moz-animation-duration: 10000ms;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: linear;
- -ms-animation-name: spin;
- -ms-animation-duration: 10000ms;
- -ms-animation-iteration-count: infinite;
- -ms-animation-timing-function: linear;
- -o-transition: rotate(3600deg);
- }
- @-moz-keyframes spin {
- from {
- -moz-transform: rotate(0deg);
- }
- to {
- -moz-transform: rotate(360deg);
- }
- }
- @-webkit-keyframes spin {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(360deg);
- }
- }
- @keyframes spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- .tilt {
- -webkit-transition: 0.2s;
- -moz-transition: 0.2s;
- -o-transition: 0.2s;
- -ms-transition: 0.2s;
- transition: 0.2s;
- }
- .tilt:hover {
- -webkit-transform: rotate(5deg);
- -moz-transform: rotate(5deg);
- -o-transform: rotate(5deg);
- -ms-transform: rotate(5deg);
- transform: rotate(5deg);
- }
- .twist,
- .easyhome {
- -webkit-transition: 1s;
- -moz-transition: 1s;
- -o-transition: 1s;
- -ms-transition: 1s;
- transition: 1s;
- }
- .twist:hover,
- .easyhome:hover {
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- .slow-twist {
- -webkit-transition: 8s;
- -moz-transition: 8s;
- -o-transition: 8s;
- -ms-transition: 8s;
- transition: 8s;
- }
- .slow-twist:hover {
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- .blink {
- animation: blink-animation 1.5s steps(3, start) infinite;
- -webkit-animation: blink-animation 1.5s steps(3, start) infinite;
- }
- @keyframes blink-animation {
- to {
- visibility: hidden;
- }
- }
- @-webkit-keyframes blink-animation {
- to {
- visibility: hidden;
- }
- }
- /*tossing*/
- .tossing,
- .easyhome {
- animation-name: tossing;
- -webkit-animation-name: tossing;
- animation-duration: 8s;
- -webkit-animation-duration: 8s;
- animation-iteration-count: infinite;
- -webkit-animation-iteration-count: infinite;
- }
- @keyframes tossing {
- 0% {
- transform: rotate(-4deg);
- }
- 50% {
- transform: rotate(4deg);
- }
- 100% {
- transform: rotate(-4deg);
- }
- }
- @-webkit-keyframes tossing {
- 0% {
- -webkit-transform: rotate(-4deg);
- }
- 50% {
- -webkit-transform: rotate(4deg);
- }
- 100% {
- -webkit-transform: rotate(-4deg);
- }
- }
- .spin {
- -webkit-transition: -webkit-transform .8s ease-in-out;
- transition: transform .8s ease-in-out;
- }
- .spin:hover {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement