Tag Archives: animate
Parallax Effect Using Only CSS With No JavaScript
Posted on July 8, 2012 by Jason
This demo requires Internet Explorer 10 or higher. Switch to a better browser to view the demo. I highly recommend Google Chrome. Parallax is a visual effect, which can be created using layered graphics to imitate depth or distance. In this article, I’ll introduce to you the CSS3 @keyframes rule, and demonstrate how to create [...]
Posted in css | 3 Comments »
Tagged: animate, animation, auto, automatic, automatically, background, bg, bottom, clip, css, css3, depth, div, effect, fixed, frame, frames, horizontal, key, keyframe, keyframes, layer, layered, left, move, movie, overflow, parallax, position, right, scroll, scrolling, slide, sprite, top, vertical
Cross Slide Webpage Background
Posted on December 17, 2011 by Jason
For anyone wishing to incorporate in their own website my animated cross-sliding webpage background, I’ve assembled an example you can use as a guide. This script uses jQuery, jQuery UI, and the CrossSlide plugin for jQuery. Follow the links for further documentation on each of the aforementioned. Follow the link below to view the demo [...]
Posted in jQuery | No Comments »
Tagged: animate, background, change, cross, crossslide, fade, image, javascript, jQuery, move, picture, plugin, scale, show, slide, swap, transition, zoom