"
Team:Minnesota/Templates/cssStyle
From 2014.igem.org
(Difference between revisions)
| Line 50: | Line 50: | ||
/* Custom CSS | /* Custom CSS | ||
* --------------------------------------- */ | * --------------------------------------- */ | ||
| + | @-webkit-keyframes spaceboots { | ||
| + | 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } | ||
| + | 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } | ||
| + | 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } | ||
| + | 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } | ||
| + | 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } | ||
| + | 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } | ||
| + | 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } | ||
| + | 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } | ||
| + | 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } | ||
| + | 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } | ||
| + | 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } | ||
| + | } | ||
| + | .shake:hover, | ||
| + | .shake:focus { | ||
| + | -webkit-animation-name: spaceboots; | ||
| + | -webkit-animation-duration: 0.8s; | ||
| + | -webkit-transform-origin:50% 50%; | ||
| + | -webkit-animation-iteration-count: infinite; | ||
| + | -webkit-animation-timing-function: linear; | ||
| + | } | ||
| + | .shake { | ||
| + | display:inline-block | ||
| + | } | ||
body{ | body{ | ||
font-family: arial,helvetica; | font-family: arial,helvetica; | ||
Revision as of 07:29, 15 October 2014
