http://www.dynamicdrive.com/style/ en ddrivehelpREMOVETHIS@gmail.com Copyright 2012 2012-02-11T00:41:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/image_with_sliding_description_panel_using_css3_transitions/ This CSS example shows how to add an animated description panel to images that slides open when the mouse rolls over the image using CSS3 transitions. Image CSS, DIVs and containers, CSS3 demos 2012-02-11T00:41:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/spinning_icons_using_css3_transform/ An effect that seems to be popping up with increased frequency is the spinning image, or more precisely, icons. Move the mouse over an icon, and it spins (rotates) on its axis to draw attention to itself. This is realized using CSS3's transform: rotate(xdeg) property. Image CSS, Links & Buttons, CSS3 demos 2011-12-28T13:13:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/css3_animated_vertical_slanted_menu/ This is a vertical list menu that uses CSS3 animation to gradually expand the selected menu item horizontally so to highlight it. It also employs the CSS border trick to create a cross browser slanted left edge. The final result is a sleek vertical list menu that uses nothing but pure HTML markup! Vertical CSS Menus, CSS3 demos 2011-12-13T14:19:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/pull_out_image_using_css3_keyframe_animation/ CSS3 animation can be fine tuned and broken up into "frames", thanks to the @keyframes rule. Currently supported in FF5+, Safari, Chome, and possibly IE10, the following uses CSS3 keyframes to create a pull out image that is revealed when the mouse rolls over an image. In IE, it degrades well in both IE8 and IE9. Image CSS, CSS3 demos 2011-11-15T12:08:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/css3_semi_opaque_menu/ This menu takes advantage of CSS3 gradient background to produce a menu with a semi opaque rollover effect. Whatever the solid background color of the main UL behind it, the menu item's background peeks through. Peek-a-boo! Horizontal CSS Menus 2011-11-07T08:57:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/css_clay_bricks_menu/ This rustic looking horizontal CSS menu utilizes CSS3 gradient backgrounds and box shadows to add progressive visual appeal while still maintaining its minimalist look. The menu uses no CSS floats and hence can be easily left, center, or right aligned. Horizontal CSS Menus 2011-10-27T01:55:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/image_frames_using_css3_border_image/ CSS3 makes it possible to specify an image as an element's border, instead of just a solid color. It takes a single image and then slices and dices it before using the end pieces to make up the border. Very cool! DIVs and containers, CSS3 demos 2011-07-08T17:08:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/clean_arrow_underline_menu/ This menu uses the nifty "CSS Triangles technique" to create a clean horizontal UL menu with a thick arrow border applied to the currently active menu item. It uses no images nor any extranous markup to accomplish the effect, Horizontal CSS Menus 2011-04-20T17:54:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/ A look at how to use CSS to produce triangles/ arrows without any image. Using this technique, 4 speech bubble style DIVs can be created using markup only. DIVs and containers 2011-03-22T22:33:00-08:00 http://www.dynamicdrive.com/style/csslibrary/item/css3_text_shadows/ CSS3 throws its full weight behind text shadows, which as the name suggests, lets you add shadows to regular text on the page. And with support for multiple shadows simultaneously applied to the same text, CSS text shadows can produce some stunning textual effects without images. CSS3 demos 2011-01-27T20:31:00-08:00