Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ---------- CSS: Choose only one of the options ----------
- OPTION 1 - MOST SIMPLE
- .entry:hover .perma_hold {opacity:1;}
- .perma_hold {
- position:absolute;
- width:100%;
- height:100%;
- top:0;
- left:0;
- opacity:0;
- z-index:9999;
- background:rgba(255,255,255,0.9);
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- }
- .perma {
- top:50%;
- line-height:0;
- position:relative;
- font-size:12px;
- letter-spacing:2px;
- text-align:center;
- text-transform:uppercase;
- }
- OPTION 2 - INCLUDES EXTRAS (reblog & tags etc)
- .entry:hover .perma_hold {opacity:1;}
- .perma_hold {
- position:absolute;
- width:100%;
- height:100%;
- top:0;
- left:0;
- opacity:1;
- z-index:9999;
- background:rgba(255,255,255,0.9);
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- }
- .perma {
- top:calc(50% - 15px);
- line-height:0;
- position:relative;
- text-align:center;
- font-size:0;
- padding:0;
- }
- .perma b {font-size:12px;letter-spacing:2px;text-transform:uppercase;}
- .info a,.tags a{margin:0 3px;font-size:9px;}
- .info {margin:15px 0 12px;text-transform:uppercase;letter-spacing:0.5px;}
- .tags {font-style:italic;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement