Friday, June 1, 2012

Add CSS3 Transition effect To a Drop Down Menu

By telangana.tuday.in on 7:07 PM No comments

Add CSS3 Transition effect To a Drop Down Menu

Posted: 01 Jun 2012 12:07 PM PDT

CSS3 TRANSITION EASE-IN-OUT Ever since The World Wide Web Consortium (W3C) introduced CSS3 and HTML5, websites, content management systems and online web tools took a whole new shape. Classic and traditional layouts created using tables no more exists and today we play with well developed style properties to better control the positioning of objects. In our previous post we learnt how to add a drop down menu list to a horizontal menu and in earlier posts you learnt in detail how to create menus but today we will play with the structure we created and will add cool ease-in-out effects. Ease-in-out effect is an interesting property that lets you control the display using a timer. This along with some other attributes made animation in CSS3 possible. With ease-in-out we can add soft mouse hover effect to the navigation menus. Whether you may be a Blogger user or Wordpress, todays' post will give a new look and easing touch to your menu.