Difference between revisions of "Template:Heidelberg/SandboxMarita/hoverimages"

Line 3: Line 3:
 
<style>
 
<style>
 
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
 
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
−
     -moz-transform: scale(1.1);
+
     -moz-transform: scale(1.05);
−
     -webkit-transform: scale(1.1);
+
     -webkit-transform: scale(1.05);
−
     transform: scale(1.1);  
+
     transform: scale(1.05);  
 
     transition: all 1s ease;
 
     transition: all 1s ease;
 
}
 
}
  
−
#box1 {
+
#box1, #box2, #box3, #box4, #box5 {
 
     position: absolute;
 
     position: absolute;
−
    left: 0px;
 
−
    bottom: 0px;
 
−
    width: 20px;
 
−
    height: 20px;
 
−
}
 
−
 
−
#box2 {
 
−
    position: absolute;
 
−
    left: 0px;
 
−
    bottom: 0px;
 
−
    width: 20px;
 
−
    height: 20px;
 
−
}
 
−
 
−
#box3 {
 
−
    position: absolute;
 
−
    left: 0px;
 
−
    bottom: 0px;
 
−
    width: 20px;
 
−
    height: 20px;
 
−
}
 
−
 
−
#box4 {
 
−
    position: absolute;
 
−
    left: 0px;
 
−
    bottom: 0px;
 
−
    width: 20px;
 
−
    height: 20px;
 
−
}
 
−
 
−
#box5 {
 
−
    position: absolute;
 
−
    left: 0px;
 
−
    bottom: 0px;
 
−
    width: 20px;
 
−
    height: 20px;
 
 
}
 
}
  
Line 59: Line 23:
 
     top: 0px;
 
     top: 0px;
 
     left: 0px;
 
     left: 0px;
−
    background-repeat: no-repeat;
 
−
    background-position: center;
 
−
    background-size: 100px 100px;
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/a/ae/T--Heidelberg--2017_Background_Tiger.jpg);
 
 
     display: block;
 
     display: block;
 
     z-index: 99;
 
     z-index: 99;

Revision as of 21:23, 27 October 2017