Haloo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kali ini saya akan membahas tentang Cara Membuat Multiple Text Shadows Menggunakan CSS. Dimana properti text shadow yang ada di css ini berfungsi memberikan efek bayangan terhadap text.

Format penulisan dari properti text shadow sendiri adalah seperti pada script di bawah ini.

text-shadow : 2px 2px 2px red;

Dimana ukuran pixel yang pertama memberikan efek shadow secara horizontal pada text dan ukuran pixel kedua memberikan efek shadow secara vertikal  pada text dan ukuran pixel yang terakhir untuk memberikan efek blur shadownya pada text lalu kemudian memberikan efek warna shadownya.

Untuk Cara Membuat Multiple Text Shadows Menggunakan CSS kita hanya perlu menggunakan operator koma untuk bisa menambahkan shadow pada text yang ingin kita berikan efek, sehingga efek yang kita berikan pada text bisa lebih dari 2 warna. Langsung saja kita praktekan dan langkah pertama kita buat struktur htmlnya seperti pada script di bawah ini ya teman-teman.

Nah jika sudah selesai maka teman-teman bisa langsung membuat styles cssnya. Disini kita akan membuat efek shadow dengan efek yang berbeda-beda pada text. Berikut script cssnya.

Jika sudah selesai maka teman-teman jangan lupa di simpan dengan format html. Dan jika di jalankan di browser masing-masing maka tampilannya akan tampak seperti pada gambar di bawah ini.

Cara Membuat Multiple Text Shadow Menggunakan CSS

Demikian artikel tentang Cara Membuat Multiple Text Shadow Menggunakan CSS. Semoga bisa bermanfaat dan selamat mencoba ya teman-teman.