Cara Membuat Box Shadow dengan CSS

"Om Swastiastu"

Pada suatu desain web, awalnya kita akan membuat desain menggunakan photoshop dan illustrator. Kemudian, ketika mock-up desain yang kita buat sudah jadi maka kita akan mulai memotong desain-desain tersebut menjadi gambar-gambar yang lebih kecil sehingga nantinya bisa kita pakai dalam CSS. Salah satu contoh misalnya, ketika kita membuat desain dengan efek bayangan dengan photoshop, maka kita akan memotong bagian tersebut agar nantinya ketika kita membuat sebuah kotak, kotak tersebut terdapat efek bayangannya. Membuat kotak dengan gambar seperti ini membuat website menjadi berat karena harus meload gambar, untuk membuat waktu loading yang lebih cepat, kita akan membuat efek bayangan dengan CSS.
Continue Reading »