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.

6. Awesome Overlays with CSS3

Demoing a practical application of the CSS3 border-image property.

7. Newspaper Layouts with CSS Columns

Creating a newspaper-like layout is easy using the new CSS column elements.

8. Star Wars opening

A long time ago in a galaxy far, far away. . . .

9. Awesome card animations

Checkout the cards.

10. Inilah Kehebatan CSS3

Checkout the example.

11. More about CSS3

Some article about css3.

12. CSS3 preview

Many exciting new functions and features are being thought up for CSS3.

13. CSS3 reference

CSS3 ultimate reference.

14. Push Your Web Design Into The Future With CSS3

Here are five techniques snatched from the future that you can put into practice in your website designs today.

15. 5 Techniques to Acquaint You With CSS 3

CSS is a well-known, widely used language to style websites.

Sebelumnya, pastikan update terlebih dahulu browser anda, karena css3 tidak bisa berjalan jika browsernya masih jadul :mrgreen:.

Selamat Menikmati ^^

2 thoughts on “CSS 3, awesome!!!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s