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 {
+
.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 {
+
.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/1/1b/Ackplastrap.jpg" id="pokemon-card">
+
<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):