CSS transitions, newly introduced in CSS Level 3 as a Webkit extension, enable smooth animated changes between element states (such as hover effects) without requiring JavaScript libraries like jQuery, using just a few lines of code. The property takes four parameters—which CSS property to animate, duration, timing function, and optional delay—and can transition nearly any property with color, length, or position values, making it ideal for enhancing user experience with polished interactions like button rollovers and dropdown menus. However, since transitions only work in Webkit browsers (Safari and Chrome) at the time of writing, they should be used as progressive enhancements for design rather than relied upon for core functionality.
Permalink
designtutorialcss3