[Solved] Gallery hover effect with button [closed]

by


From http://www.holajose.com/styles.css

.overlay .view_button {
position: absolute;
left: 0;
top: 102px;
opacity: 0;
height: 16px;
width: 32px;

border: 1px solid rgba(69,76,197,.63);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #5b63d9;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.11), inset 0 1px 1px rgba(255,255,255,.27);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.11), inset 0 1px 1px rgba(255,255,255,.27);
box-shadow: 0 2px 2px rgba(0,0,0,.11), inset 0 1px 1px rgba(255,255,255,.27);

font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 14px;
color: white;
padding: 15px 25px;
text-shadow: 0 1px 1px rgba(51,58,168,.47);
display: block;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.overlay:hover .view_button {
left: 76px;
opacity: 1;
}

solved Gallery hover effect with button [closed]