Team:Imperial College/Diary
From 2013.igem.org
(Difference between revisions)
(7 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 14: | Line 14: | ||
width: 50px; | width: 50px; | ||
+ | padding: 50px | ||
} | } | ||
- | + | .pokemon-card:hover { | |
-webkit-transform: rotate(1080deg); | -webkit-transform: rotate(1080deg); | ||
-moz-transform: rotate(1080deg); | -moz-transform: rotate(1080deg); | ||
Line 30: | Line 31: | ||
<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> | </html> |
Latest revision as of 20:57, 18 August 2013
Diary
Testing image animation (hover over image):