BambooPanda (Talk | contribs) |
BambooPanda (Talk | contribs) |
||
Line 50: | Line 50: | ||
} | } | ||
/* set all basic objects to neutral formatting, removes all padding, margins, etc and sets the fontsize to 100%*/ | /* set all basic objects to neutral formatting, removes all padding, margins, etc and sets the fontsize to 100%*/ | ||
+ | |||
+ | .header:hover { | ||
+ | animation: shake 0.5s; | ||
+ | animation-iteration-count: infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes shake { | ||
+ | 0% { transform: translate(1px, 1px) rotate(0deg); } | ||
+ | 10% { transform: translate(-1px, -2px) rotate(-1deg); } | ||
+ | 20% { transform: translate(-3px, 0px) rotate(1deg); } | ||
+ | 30% { transform: translate(3px, 2px) rotate(0deg); } | ||
+ | 40% { transform: translate(1px, -1px) rotate(1deg); } | ||
+ | 50% { transform: translate(-1px, 2px) rotate(-1deg); } | ||
+ | 60% { transform: translate(-3px, 1px) rotate(0deg); } | ||
+ | 70% { transform: translate(3px, 1px) rotate(-1deg); } | ||
+ | 80% { transform: translate(-1px, -1px) rotate(1deg); } | ||
+ | 90% { transform: translate(1px, 2px) rotate(0deg); } | ||
+ | 100% { transform: translate(1px, -2px) rotate(-1deg); } | ||
+ | } | ||
h1, | h1, |
Revision as of 20:40, 12 October 2018