Webdesign Karlsruhe. Microsoft OneDrive. Home Willis Resilience Expedition 2013. Projects. Awwwards - Website Awards - Best Web Design Trends. We make apps. Soppo - interactive production studio, Gdynia, Poland. Awesome Cufonized Fly-out Menu with jQuery and CSS3. In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, […] View demoDownload source In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.
We will use jQuery for the effect and some CSS3 properties for the style. We are not going to use any images. Beautiful Background Image Navigation with jQuery. Awesome Bubble Navigation with jQuery. CSS-Only Responsive Layout with Smooth Transitions. A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only.
Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a "smooth scrolling" effect. View demo Download source.
Thumbnails Navigation Gallery with jQuery. Ortega Graphics. Isotope / Mansory.