.collection-grid-item__link:before{
-ms-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
content:"";
position:absolute;
top:-110%;
left:-210%;
width:200%;
height:200%;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:rotate(30deg);
-ms-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform: rotate(44deg);
background:rgba(255,255,255,0.1);
background:linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%);
}
Author: Harshvardhan Malpani
PHP Developer based in New Delhi, India. Working as a freelance web developer providing server deployment, website development and maintenance services.
View all posts by Harshvardhan Malpani