CSS3 - Animation
Get flash to fully experience Pearltrees
How To Create CSS-Based Content Accordion
In today’s tutorial we are going to learn how we can create a horizontal and vertical content accordion by just using CSS3 . There are many jQuery plugins out that can do this job for you but what do you do if the visitor has Javascript turned off, then the accordion won’t work correctly. If your accordion is purely in CSS then it will work for all your visitors. We are going to create a horizontal and vertical content accordion. On clicking the headline text the slide will open displaying the full content, and here’s a quick preview (screenshots) how they look like. Like what you see?
Hi guys been a long time since i write on my blog and then i inaugurate this day with a new tutorial that will treat apply CSS3 properties to menu navigation. We are going to see how to play nice effects without the use of jQuery. I remember this tutorial works perfectly on all browsers except Internet Explorer for the first two examples, while the last example will only be visible in Firefox, Safari and Chrome because it uses the CSS3 Animation Property. Let's start! First Example - CSS3 Menu Navigation Effect only CSS3 Transition Now look carefully ... this markup is really easy, just create an unordered list and insert inside the links that we need, apply an .animation class every li that has a link and we will see later how the animation will apply to our links!
CSS3 Menu Navigation Effect