DATA-ANIM fade in

Amazing Joomla template for sharing your apps with responsive and super detailed design
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Nov 21, 2013 4:36 pm
Reply with quote
Report this post
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
User avatar
Expert Boarder

GK User
Sat Nov 23, 2013 11:01 am
Reply with quote
Report this post
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);
}
User avatar
Administrator

GK User
Fri Dec 06, 2013 10:37 am
Reply with quote
Report this post
Thank you, wonderful !
User avatar
Expert Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.