Animate a Div

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
Mon Nov 04, 2013 5:38 pm
Reply with quote
Report this post
Hi guys I have a simple question...

Is it possible use the animation effect on a div?

How can i do it?

For example, i'd like a div that when the page scroll, enter from left.

Thank you!

L
User avatar
Expert Boarder

GK User
Mon Nov 04, 2013 7:30 pm
Reply with quote
Report this post
It can be done with use of custom css and js (you need to set div position to absoule, and then check while scrolling how much have you scrolled and run animation when needed).
It is already done in "Simplicity" template:
http://demo.gavick.com/joomla25/simplicity/
when you scroll - laptop image slides in.

You can use css3 transitions to animate slide in automatically basing on element top/right/left beginning and ending position (which means adding a class with js when window is scrolled enough should do the trick)
User avatar
Moderator

GK User
Tue Nov 05, 2013 4:38 pm
Reply with quote
Report this post
I don't understand... sorry.

What's the difference between simplicity and creative? Even in creative there are animated elemnts, such as for example testimonials...
User avatar
Expert Boarder

GK User
Tue Nov 05, 2013 5:39 pm
Reply with quote
Report this post
If you are beginner in css/html, then the only way to make animations is to read this documentation:
http://demo.gavick.com/wordpress/creati ... age_id=899
User avatar
Moderator


cron