background preloader

CSS playground

CSS playground

CSS Background Animations Background animations are an awesome touch when used correctly. In the past, I used MooTools to animate a background position. Luckily these days CSS animations are widely supported enough to rely on them to take over JavaScript-based animation tasks. The following simple CSS snippet animates the background image (via background position) of a given element. We'll use CSS animations instead of transitions for this effect: With the animation code in place, now it's time to apply it to an element with a background image: The cloud background image within the sample element will elegantly scroll from left to right over a duration of 40 seconds, seamlessly repeating an infinite number of times. How epic is it that we don't need to use JavaScript to manage these animations anymore?

HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 #eCSStender.org { content: "Homepage"; } My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10 IETester is free.To support the projectyou can make a donation : or you can translate it. IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE11, IE10, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 8 desktop, Windows 7, Vista and XP, as well as the installed IE in the same process. This is an alpha release, so feel free to post comments/bugs on the IETester forum. (IETester v0.5.4 zipped installer for people unable to download .exe files due to proxy limitations)(You can download previous versions from the ChangeLog page) Known problems and limitations : External ressources : This article is translated to Serbo-Croatian language by Jovana Milutinovich.

HTML Colors

Related: