DATA-ANIM fade in

Hi guys is it possible to create a data-anim class with a simple fade in?
It seems i can use only left or right but i need something for the centered elements

Can you help me?

I have used it in Creativity and it's really cool!

Thank you

Luca

Hello,

In this case you can try to add the following code in the css/gk.stuff.css file:

Code: Select all

div[data-anim="fade-in"] {
        opacity: 0; filter: alpha(opacity=0);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
}

div[data-anim="fade-in"].loaded {
        opacity: 1; filter: alpha(opacity=100);
}


Thank you, wonderful !