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

Line 1: Line 1:
−
<html>
 
−
<head>
 
 
<style>
 
<style>
 
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
 
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
Line 54: Line 52:
 
}
 
}
 
</style>
 
</style>
−
</head>
 
−
</html>
 

Revision as of 21:26, 27 October 2017

<style>

  1. box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
   -moz-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   transform: scale(1.05); 
   transition: all 1s ease;

}

  1. box1, #box2, #box3, #box4, #box5 {
   position: absolute;

}

  1. hoverimg {
   width: 100px;
   height: 100px;
   overflow-x: auto;

}

  1. bgimage {
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
   z-index: 99;

}

  1. link_layer:before {
   content: "";

}

  1. link_layer {
   position: absolute;
   top: 0px;
   left: 0px;
   display:block;
   background:transparent;
   z-index: 100;

}

.transparent_link_box { 

   opacity: 0.5;
   filter: alpha(opacity=50);
   -moz-opacity:0.5;

}

.transparent_link_box:before { 

   content: "";

}

.border { 

   border: 2px solid red;

} </style>