"
Team:Imperial College/Diary
From 2013.igem.org
(Difference between revisions)
| (10 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | + | .pokemon-card { | |
-webkit-transition: all 0.5s ease-in-out; | -webkit-transition: all 0.5s ease-in-out; | ||
-moz-transition: all 0.5s ease-in-out; | -moz-transition: all 0.5s ease-in-out; | ||
| Line 13: | Line 13: | ||
transition: all 0.5s ease-in-out; | transition: all 0.5s ease-in-out; | ||
| - | width: | + | width: 50px; |
| + | padding: 50px | ||
} | } | ||
| - | + | .pokemon-card:hover { | |
-webkit-transform: rotate(1080deg); | -webkit-transform: rotate(1080deg); | ||
-moz-transform: rotate(1080deg); | -moz-transform: rotate(1080deg); | ||
| Line 23: | Line 24: | ||
transform: rotate(1080deg); | transform: rotate(1080deg); | ||
| - | width: | + | width: 373px; |
} | } | ||
</style> | </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"> | ||
| - | <img src="https://static.igem.org/mediawiki/2013/ | + | <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):
