css

TwitterFacebook
Get flash to fully experience Pearltrees
webdev

Home / CSS3 Previews / Box-shadow, one of CSS3′s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). Here’s a basic example: Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box.

Box-shadow, one of CSS3′s best new features

http://www.css3.info/preview/box-shadow/
http://www.zurb.com/playground/awesome-overlays

Awesome Overlays with CSS3's Border-Image Property - ZURB Playground - ZURB.com

What's the big deal? These overlays use a number of new CSS properties, some of which are simple like border-radius and using RGBa colors. The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom.
Pure CSS speech bubbles In a design, bubbles can be great to illustrate a quote. In this article, talented designer Nicolas Gallagher will show you what he built with CSS3: Text bubbles, with no Javascript or images. Source: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html Super Awesome Buttons with CSS3 and RGBA CSS has always been great to enhance buttons; but using CSS3, the RGBa property, and of course a lot of creativity, you can create modern and clean buttons. http://www.catswhocode.com/blog/10-examples-of-futuristic-css3-techniques

10 examples of futuristic CSS3 techniques