Improve Your CSS Skills With Pure CSS

Posted by: designdefine on: April 17, 2010

• In: CSS
• Leave a Comment

Reference Link

Accordion

• The CSS Only Accordion Effect
• Accordion Menu Using CSS3
• Accordion Effect Using CSS3
• Accordion Using Only CSS3
• Pure CSS Sideways Accordion
• Cross Browser Pure CSS3 Horizontal Accordion
• Cross Browser Pure CSS3 Vertical Accordion

Chart / Graph

• Pure CSS Data Chart
• CSS Stacked Bar Graphs
• CSS For Bar Graphs
• Pure CSS Line Graph

Gallery

• Fancy Image Gallery with CSS3
• Pure CSS Image Gallery
• Pure CSS Polaroid Photo Gallery

LightBox

• Pure CSS LightBox
• CSS Image Switcher

Menu / Navigation

• Free CSS Drop Down Menu Framework
• CSS3 Dropdown Menu
• Horizontally Centered Drop Down Menus with Pure CSS
• Pure CSS Fish Eye Menu
• Elegant Drop Menu with CSS Only
• Bubble Effect with CSS
• Disjointed Rollover Effect to Animates a Pointer Along Horizontal Menu
• Two Level Horizontal Menu
• Sliding Navigation without JavaScript

Tabs

• CSS3 Only Tabbed Area
• CSS3 Hover Tabs without JavaScript
• CSS Only “DOM Tabs”
• Pure CSS Tab Menu

Tool Tip

• Pure CSS Speech Bubbles
• CSS Bubble Tooltips
• CSS Tooltips – Floating HTML Elements
• Create a Fancy Web Form With Field Hints Using Only CSS3
• Pure CSS Tooltip
• Image Free CSS Tooltip Pointers

Miscellaneous

• Pure CSS Animated Progress Bar
• Realistic Looking Button with CSS3
• Buttons with CSS3 and RGBA
• SlickMap CSS
• Pure CSS Social Media Icons
• Social Media Icons in Pure CSS

Tags: CSS, Resource, tools