Membuat Kreasi Border dan Object dengan Script Cascading Style

“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/

Tweet