Animated Images

Hello - Is it possible to add animated images in this theme (like on the Startup theme)?

If so, could you please link to documentation or provide notes on how this can be accomplished.

Could You explain more clearly - what kind of animation You would like to create?

Hi, just the sliding in of images as seen on the Simplicity theme (http://demo.gavick.com/wordpress/simplicity/) such as the laptop sliding in from the right when the scroll position reaches that point.

Thank you!

1. You need to add class .animate to an element that contains your image, which You would like to animate.
2. Use css code to add css transitions/animations to it:

Code: Select all

.myanimatingelement img {
display: block;
margin-left: 100%;
-webkit-transition: margin-left .6s ease;
-moz-transition: margin-left .6s ease;
-ms-transition: margin-left .6s ease;
-o-transition: margin-left .6s ease;
transition: margin-left .6s ease;
}
.myanimatingelement.loaded img {
margin-left: 0;
}


It will slide the element to the left (same way margin-right: 100% can be used to slide element to the right).

Thanks so much for your help, but I'm still a little lost.

Would it be possible to provide me with some additional steps?

Where would I add .class animate?
Where would I add the CSS code you provided above?

Thanks again!

Its not a universal solution, just a guide. Depends on your site, depends on which images You would like to place this animation.
Without url to your site and precise information about elements You wish to animate - this is all I can give You.
If You reply and provide more informations - Ill be able to help more.