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

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
#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;
 
−
}
 
−
 
−
#box1, #box2, #box3, #box4, #box5 {
 
−
    position: absolute;
 
−
}
 
−
 
 
#hoverimg {
 
#hoverimg {
−
     overflow-x: none;
+
     position: relative;
−
     margin-bottom: 4em;
+
    align-items: center;
−
     border: 1px solid green;
+
    height:100%;
 +
    width: 1150px;
 +
     margin: 0 0 0 0 !important;
 +
     padding: 0 0 0 0 !important;
 
}
 
}
  
 
#bgimage {
 
#bgimage {
 
     z-index: 0;
 
     z-index: 0;
 +
    margin: 0 0 0 0;
 +
    padding: 0 0 0 0;
 +
    width: 100%;
 +
    height: auto;
 
}
 
}
  
 
#link_layer:before {
 
#link_layer:before {
−
     content: "\20B";
+
     content: "\200B";
 
}
 
}
  
 
#link_layer {
 
#link_layer {
 
     position: absolute;
 
     position: absolute;
−
     top: 0px;
+
     top: 0;
−
     left: 0px;
+
     width: 100%;
−
height: 100%;
+
    height: 100%;
−
    background: red;
+
     z-index: 1;
−
    opacity: 0.3;
+
−
     z-index: 5;
+
−
    border: 1px solid red;
+
 
}
 
}
  
 
.transparent_link_box {
 
.transparent_link_box {
−
     opacity: 0.5;
+
    position: absolute;
−
     filter: alpha(opacity=50);
+
    opacity: 0.15;
−
     -moz-opacity:0.5;
+
    filter: alpha(opacity=15);
 +
    -moz-opacity:0.15;
 +
    background-color: black;
 +
    z-index: 2;
 +
 
 +
    -moz-transform: scale(1.0);
 +
    -webkit-transform: scale(1.0);
 +
    transform: scale(1.0);
 +
    transition: all 0.7s ease-in;
 +
}
 +
 
 +
.transparent_link_box:hover {
 +
    -moz-transform: scale(1.05);
 +
    -webkit-transform: scale(1.05);
 +
    transform: scale(1.05);
 +
    transition: all 0.7s ease-out;
 +
     opacity: 0.25;
 +
     filter: alpha(opacity=25);
 +
     -moz-opacity:0.25;
 
}
 
}
  

Latest revision as of 21:17, 1 November 2017