How to enable Custom Light Sky animation on Big grid 1?

Hi,

In order to achieve that you need to open the page with tagDiv Composer, click on Big Grid 1 and change the style -> https://www.screencast.com/t/kbthIwsX

Thanks.

Hi,

If you want only the animation here is the custom css for it
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:after {
-webkit-transition: transform 0.7s ease 0s;
-moz-transition: transform 0.7s ease 0s;
-o-transition: transform 0.7s ease 0s;
transition: transform 0.7s ease 0s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
}
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:after {
position: absolute;
top: 0;
left: 0;
width: 160%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
content: '';
z-index: 1;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}
Just change the gig grid style from here -> https://www.screencast.com/t/VTBb2xCdEjmf with the number of style that you have set https://www.screencast.com/t/3fO8phLI3mcW
-> https://www.screencast.com/t/cQrA4zrbj33C

Set the code in Newspaper>Theme panel>Custom code> Custom css

Thank you!