CSS 3, awesome!!!

Anda sudah mencoba CSS3?

Pasti akan terkesan :mrgreen:.

Di postingan ini saya hanya ingin share beberapa resource list bwt css3 :D. And there are very great!!!

Beberapa contohnya yaitu : Spinning Cds, multiple borders, multiple columns, text shadows, all here! So if you want to learn css3 please check my links!

1. CSS Wizardry—CSS3 Examples & Progressive Enhancement

All CSS shown corresponds to the elements directly above. The ID/class names are the same as used and all CSS3/progressive enhancement snippets are shown in bold.

2. Sliding Vinyl with CSS3

We take an image of an album cover, some basic HTML, and a little fancy CSS3 that, on hover, slides out the pure-CSS vinyl record behind it.

3. Polaroid Images with Only CSS3

In this playground adventure, we use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures.

4. Recreating the OS X Dock

We take a basic list of links and turn them into an awesome OS X dock of icons.

5. Super Awesome Buttons with CSS3 and RGBa

Using descriptive class names and CSS3 properties like gradients and box shadows, we create a set of scalable button styles for links and buttons. Continue reading

Advertisements