“Saya terperanga ketika
pertama kali melihat fitur baru CSS3 pada beberapa artikel yang
berhasil saya kumpulkan. Bagaimana tidak, hemm.. fitur baru itu sangat
membantu para web designer atau calon web designer dalam mengerjakan
projectnya”, yap. Salah satu kemampuan menarik dari CSS3 adalah dalam
pembuatan kreasi objek dengan effect shadow, berikut merupakan kreasi
border dengan memanfaatkan Cascading Style Sheet (CSS) yang memungkinkan web developer untuk memisahkan HTML dari aturan-aturan:
Script CSS: kreasi.css
Kode HTML: kreasi-border.html
Penjelasan Singkat:
Untuk
membuat objek berbentuk bundar atau lingkaran, dapat dilakukan dengan
menyesuaikan ukuran tinggi dan lebar dengan -moz-border-radius untuk rounded corder (moz
merupakan kode untuk mozila firefox, webkit untuk opera 10+, chrome dan
safari), sedangkan untuk memunculkan effect shadow dapat dengan
perintah -moz-box-shadow. Dalam pengaturan shadow dapat dilakukan dengan trial color rgba, dan untuk mempercantik juga dapat mengedit inset.
With
RGBA you use the the amount of red, amount of green, amount of blue,
and the level of opacity. Instead of using a hex (#) code. The RGBA
method is used often in many CSS3 buttons effect. RGBA is one of the
most easiest CSS3 properties as it's juts a matter of checking in
Photoshop or your design app of choice what the color codes are
Terima kasih, semoga bermanfaat.
Sumber : http://adekroisa.blogspot.com/
Posting Komentar