Free templates (no free stuff allowed anymore!) > FREE Flexible Slide to top Accordion
FREE Flexible Slide to top AccordionDate: 12 October 2011 | Posted by: w3nh4o |
![]() Demo : http://adf.ly/3ARut Sourtce : http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/ In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size. See full article |