Difference between revisions of "Team:NUS Singapore-A/Templates/Style"
BambooPanda (Talk | contribs) |
BambooPanda (Talk | contribs) |
||
| Line 51: | Line 51: | ||
/* 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%*/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
h1, | h1, | ||
| Line 122: | Line 104: | ||
display: block; | display: block; | ||
} | } | ||
| + | |||
| + | .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); } | ||
| + | } | ||
Revision as of 20:41, 12 October 2018