LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Add your custom description here

Add your custom description here

Add your custom description here

Add your custom description here

Add your custom description here

Add your custom description here

Add your custom description here

Add your custom description here
CSS
#GGallWrap{display:inline-block; width:880px;height:auto;margin:5px;padding:1px;}
#GgBo{display:inline-block; width:876px;height:auto;margin-bottom:30px;}
.tnail{
position: relative;
z-index: 0;
padding-left:5px;
cursor:pointer;
}
.tnail:hover{
background-color: transparent;
z-index: 50;
}
.tnail span{
position: absolute;
background-color: rgba(102,204,255,.6);
padding: 5px;
left: -100px;
top:-230px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}
.tnail span img{
border-width: 0;
padding: 2px;
}
.tnail:hover span{
visibility: visible;
width:600px;
top: -150px;
left: 42px;
text-align:center;
border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 18px 10px -9px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 18px 10px -9px rgba(0,0,0,0.7);
box-shadow: 0 18px 10px -9px rgba(0,0,0,0.7);
-o-box-shadow: 0 18px 10px -9px rgba(0,0,0,0.7);
-ms-box-shadow: 0 18px 10px -9px rgba(0,0,0,0.7);
-webkit-transition:all .800s;
-moz-transition:all .800s;
transition:all .800s;
-webkit-transition-timing-function:linear;
}
.BigPr{width:500px; height:auto;}
Host Instantly Drag and Drop Website Builder

 

Description

This simple code helps MyFreeCams users to add a custom image based gallery using mouse hover to show bigger previews.
Term
Mon, 11/27/2017 - 22:01

Related Codes

Pen ID
Pen ID
Pen ID