CSS

Button Web Keren dengan CSS3

Written by First Ryan
Tuesday, 06 July 2010 02:24
Entah kenapa akhir-akhir ini saya suka mengutak-atik dan mendalami CSS3, Ajax dan JQuery. Saya masih penasaran dan mencoba untuk menciptakan sebuah inovasi baru. Disini saya mencoba untuk membuat button menarik menggunakan fitur dari CSS3 tanpa menggunakan image. Sehingga dapat mengirit load page kita. Pada awalnya saya hanya ingin membuat button warna biru saja. tapi secara tidak sengaja, adahal serupa di ZURBlog. Dan saya mendapatkan bemacam-macam warna disana. Kita akan menerapkan Border-Radius, Box-Shadow, dan Text-Shadow. Jika CSS3 mendukung warna gradien sebenarnya dapat kita gunakan. Sayangnya belum ada dan semoga aja ada di versi selanjutnya. Jika anda ingin Button kelihatan lebih menarik anda dapat menambahkan background image sebagai gradientya. Read more... Comments (2)
Last Updated on Thursday, 29 July 2010 13:55

Membuat Rounded Corner Dengan CSS3

Written by First Ryan
Thursday, 17 June 2010 14:07
Border atau bingkai memang peranya lumayan penting dalam menghias suatu layout website. CSS tiga sudah mulai banyak digunakan pada akhir-akhir ini. CSS3 sendiri memiliki fitur tambahan yang lebih keren menurut saya dibanding versi sebelumnya, pastinya. Disini kita akan membahas tentang border atau bingkai suatu layout website tepatnya pada sudut atau sering di sebut corner border. Pada suatu layout website yang mempunyai sudut border siku-siku akan terlihat biasa. Namun, jika border itu terlihat melengkung atau rounded akan memiliki kesan yang lain. Biasanya untuk memnuat rounded corner menggunakan image sebagai sudutnya. Tetapi dengan CSS3 kita dapat membuat rounded corner tanpa sebuah image. Dan kita dapat sedikit mengirit page-load kita. Read more... Add new comment
Last Updated on Sunday, 22 August 2010 17:46