http://www.dynamicdrive.com/style/ en ddrivehelpREMOVETHIS@gmail.com Copyright 2013 2013-04-26T08:58:50+00:00 http://www.dynamicdrive.com/style/csslibrary/item/swinging_keyframe_animation/ Using CSS3 keyframe animations, we can control the exact style of an element at any point in time. Here we use keyframes to create a swinging effect, by modifying an element's rotation gradually over time until resting position, or 0 degrees. CSS3 demos 2013-04-26T08:58:50+00:00 http://www.dynamicdrive.com/style/csslibrary/item/flipboard_css_buttons/ Flipboard creates a series of CSS buttons that flip horizontally on themselves when the mouse rolls over them, creating an elegant, eye catching effect. It employs CSS3 transform and transitions to do the heavy work. Horizontal CSS Menus, Links & Buttons, CSS3 demos 2013-04-16T05:57:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/rollover_text_menu/ This CSS menu creates the popular rollover text effect of text sliding up to reveal a duplicate of itself when the mouse rolls over a menu item. Horizontal CSS Menus, CSS3 demos 2013-03-24T17:55:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/split_drop_down_menu/ Using a combination of CSS2 selectors, pseudo classes, CSS3 transitions, plus a tough of JavaScript, we arrive at a CSS based split menu button, even sans images! Horizontal CSS Menus, CSS3 demos 2013-03-06T04:59:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/animated_ul_background_effect/ This CSS example demonstrates animating the min-width property of an element to create a stretching background effect. Here we use the technique to add a nice rollover effect to UL lists, so the user can easily home in on a particular list item just by rolling the mouse over it. The animation uses CSS3, which works in IE10+, FF, Chrome, and Safari. CSS3 demos, Other 2013-02-22T19:13:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/vertical_css3_shadow_menu/ This vertical CSS Menu uses CSS3's ability to define multiple/ inset shadows (so the shadow grows inwards) on an element to create menu items with a bevelled left edge and a growing inner glow when the mouse rolls over them. Vertical CSS Menus 2012-12-17T22:55:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/customizing_order_list_style_using_css/ Styling the automatically generated number counters in ordered lists () can be challenging. This CSS code demonstrates one way to do it by getting rid of the default ones first, then using CSS generated content to create custom counters instead. Other 2012-12-03T21:13:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/3d_depressible_button/ CSS can be used to really jazz up a plain looking link and create an awesome "call to action" button, as in the case of our 3D depressible button here. Links & Buttons, CSS3 demos 2012-11-04T22:29:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/pure_css3_push_down_panel/ This is a CSS3 push down panel that when clicked on reveals some content, pushing the rest of the page's content down in the process. The entire interface is created using CSS only, using a combination of CSS3 shadows, round borders, and CSS2 generated content. DIVs and containers, CSS3 demos 2012-10-26T20:47:00+00:00 http://www.dynamicdrive.com/style/csslibrary/item/css_3d_flip/ One of the groundbreaking features in CSS3 is the ability to rotate HTML elements in 3D space. The below CSS code shows how to rotate a "2 sided" element either on its X or Y axis to reveal the content on the back side. Image CSS, DIVs and containers, CSS3 demos 2012-08-16T22:22:00+00:00