Tambah Cahaya ke Unsur Halaman Web untuk Penekanan
Lampu luar lembut yang ditambah pada elemen di laman web anda menyebabkan elemen menonjol ke penonton. Gunakan CSS3 dan HTML untuk memohon cahaya di sekitar tepi luar sesuatu objek penting. Kesannya adalah sama dengan cahaya luar yang ditambah kepada objek dalam Photoshop.
Pertama Buat Elemen ke Cahaya
Kesan cahaya boleh dilakukan pada mana-mana latar belakang warna, tetapi mereka kelihatan lebih baik pada latar belakang gelap kerana kemudian cahaya kelihatan lebih berkilau. Dalam contoh kotak persegi bulat ini, elemen DIV diletakkan dalam elemen DIV yang lain dengan latar belakang hitam. DIV luar tidak perlu untuk cahaya, tetapi sukar untuk melihat cahaya pada latar belakang putih.
Berikan DIV satu kelas cahaya:
Tetapkan Saiz dan Warna Elemen
Selepas anda memilih elemen yang akan anda pelangi dengan cahaya, teruskan dan tambahkan apa-apa gaya yang anda mahu, seperti warna latar belakang, saiz, dan fon. Contoh ini adalah segi empat biru; saiz ditetapkan kepada 147px oleh 90px; dan warna latar belakang ditetapkan kepada # 1f5afe, biru diraja. Ia termasuk margin untuk meletakkan unsur di tengah-tengah unsur kontena hitam.