"
Team:Imperial College/Diary
From 2013.igem.org
(Difference between revisions)
(Created page with "<!-- Header, banner, and navigation template --> {{:Team:Imperial_College/Templates/Header}} {{:Team:Imperial_College/Templates/Banner}} {{:Team:Imperial_College/Templates/Naviga...") |
|||
| (12 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
{{:Team:Imperial_College/Templates/Banner}} | {{:Team:Imperial_College/Templates/Banner}} | ||
{{:Team:Imperial_College/Templates/Navigation}} | {{:Team:Imperial_College/Templates/Navigation}} | ||
| + | |||
| + | <html> | ||
| + | <style type="text/css"> | ||
| + | .pokemon-card { | ||
| + | -webkit-transition: all 0.5s ease-in-out; | ||
| + | -moz-transition: all 0.5s ease-in-out; | ||
| + | -ms-transition: all 0.5s ease-in-out; | ||
| + | -o-transition: all 0.5s ease-in-out; | ||
| + | transition: all 0.5s ease-in-out; | ||
| + | |||
| + | width: 50px; | ||
| + | padding: 50px | ||
| + | } | ||
| + | |||
| + | .pokemon-card:hover { | ||
| + | -webkit-transform: rotate(1080deg); | ||
| + | -moz-transform: rotate(1080deg); | ||
| + | -o-transform: rotate(1080deg); | ||
| + | -ms-transform: rotate(1080deg); | ||
| + | transform: rotate(1080deg); | ||
| + | |||
| + | width: 373px; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<div id='maincontent'> | <div id='maincontent'> | ||
<h1>Diary</h1> | <h1>Diary</h1> | ||
| + | <p>Testing image animation (hover over image): </p> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/1/1b/Ackplastrap.jpg" class="pokemon-card"> | ||
| - | + | <br> <br> | |
| - | + | <img src="https://static.igem.org/mediawiki/2013/6/68/Calamarzom.jpg" class="pokemon-card"> | |
</div> | </div> | ||
| + | </html> | ||
Latest revision as of 20:57, 18 August 2013
Diary
Testing image animation (hover over image):
