.pods a{
background-color: rgba(0,0,0,0.1);
padding:70px 0;
display: block;
transition: all 0.3s;
text-transform: uppercase;
height: 100%;
}
.pods a:hover{
background-color: rgba(0,0,0,0.4);
transition: all 0.3s;
}
.pods a .imageWidget{
transition: all 0.3s;
}
.pods a:hover .imageWidget{
opacity: 0 !important;
}
.pods a:hover .iconWidget{
opacity: 0 !important;
}
.pods a .podstext{
transition: all 0.3s;
}
.pods a:hover .podstext{
-ms-transform: translateY(-50px); /* IE 9 */
-webkit-transform: translateY(-50px); /* Safari */
transform: translateY(-50px);
transition: all 0.3s;
opacity: 1 !important;
z-index: 999;
border: 2px solid white;
}
.podstext a:hover{
opacity: 1 !important;
z-index: 999;
}
imageWidget > TO THE PODS
podstext > TO THE PARAGRAPH
pods > TO THE COLUMN
podstext > TO THE PARAGRAPH
pods > TO THE COLUMN
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.