Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .spinny mark {
- background: none;
- font-size: 4em;
- }
- .spinny:hover mark {
- animation: spin 1s infinite;
- animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1);
- }
- .spinny mark:nth-child(1) {
- animation-delay: 0.1s;
- display: inline-block;
- }
- .spinny mark:nth-child(2) {
- animation-delay: 0.2s;
- display: inline-block;
- }
- .spinny mark:nth-child(3) {
- animation-delay: 0.3s;
- display: inline-block;
- }
- .spinny mark:nth-child(4) {
- animation-delay: 0.4s;
- display: inline-block;
- }
- .spinny mark:nth-child(5) {
- animation-delay: 0.5s;
- display: inline-block;
- }
- .spinny mark:nth-child(6) {
- animation-delay: 0.6s;
- display: inline-block;
- }
- .spinny mark:nth-child(7) {
- animation-delay: 0.7s;
- display: inline-block;
- }
- .spinny mark:nth-child(8) {
- animation-delay: 0.8s;
- display: inline-block;
- }
- .spinny mark:nth-child(9) {
- animation-delay: 0.9s;
- display: inline-block;
- }
- .spinny mark:nth-child(10) {
- animation-delay: 1s;
- display: inline-block;
- }
- @keyframes spin {
- 100% {
- transform: rotateY(360deg);
- }
- }
Add Comment
Please, Sign In to add comment