Akhirnya,saya punya waktu untuk memposting trik CSS3...nah,sekarang saya akan menjelaskan bagaiman menerapkan trik ini pada blog kita yang biasanya berat karena banyaknya penggunaan image dan flash,trik ini enteng,dan tidak membuat blog kita berat,Ada banyak fitur-fitur keren di CSS3 dan dalam contoh ini saya akan menunjukkan kepada Kamu bagaimana kamu dapat membuat Kreasi kamu sendiri.tetapi kamu harus tahu satu hal.untuk mengguanakan trik ini,kamu harus menggunakan browser yang mendukung CSS3..
Seperti: mozilla 3.6,Google Chrome 4.1,dan browser lainya yang mendukung CSS3.Tetapi Mozilla belum mendukung CSS Animation,sedangkan google chrome bisa.pastikan sharingan di sebelah kanan ini berputar,dengan mengarahkan kursor kamu.
Pengertian CSS 3
CSS 3 (Cascading Style Sheets 3) dikembangkan tentunya untuk lebih baik dari CSS sebelumnya. Perkembangan dari CSS3 memang sangat variatif untuk meningkatkan tampilan template seperti image, text, border dan lainnya.
Banyaknya variasi baru CSS3 itu perlu diadaptasi kembali oleh para pengembang web/blog, yang terkadang juga sedikit memusingkan, dan sangat disayangkan pengembangan CSS3 ini belum didukung penuh oleh semua browser saat ini, terutama IE. Mungkin nanti.
Seputar CSS 3
Berikut ini beberapa alamat yang mungkin membantu mempelajari CSS3 lebih jauh:
- Pengenalan dasar CSS 3, Introduction to CSS3
- Situs khusus yang membahas tentang CSS 3 :
1. CSS3 info, lihat juga css3 preview untuk melihat hasil dari beberapa pengembangannya.
2. CSS3.com
- Artikel yang membahas CSS 3
1. Push Your Web Design Into The Future With CSS3
2. 30 Essential CSS3 Resources
3. Take Your Design To The Next Level With CSS3
4. 5 CSS3 Design Enhancements That You Can Use Today.
- Tabel untuk melihat hasil kompatibilatas CSS3 dengan beberapa browser, dan lainnya.
:: catatan: untuk platform blogger CSS3 hasil validasi lebih memuaskan :)
Inspirasi blog Saya
http://css-tricks.com/
http://www.davidwalsh.name/
http://www.designbombs.com/
http://lookslikegooddesign.com/
http://www.sohtanaka.com/
http://www.webdesignerwall.com/
http://cruzenaldo.com/
- Rounded Corners
- Box Shadow
- Gradients
- Text Shadows
- CSS Animation
- Google Font api CSS
Untuk menggunakan trik css ini,kamu dapat meletakan kode css ini di Sidebar,posting, footer,h2,dll
Semua kode CSS ini,diletakan pada Kode css yang sama,bukan kode HTML
Semua Code diletakan di dalam code {css kamu... }
Contoh:
#sidebar-wrapper{background-color:#242424;width:300px;}
Menjadi seperti di bawah ini
#sidebar-wrapper{background-color:#242424;width:300px;-moz-border-radius: 8px;-webkit-border-radius: 8px;} Read More..
Terima kasih atas kunjungan anda, semoga postingan saya bermanfaat. Tolong berikan pendapat anda tentang postingan saya.
