Cara membuat efek bayangan di text dengan CSS

Hai teman-teman DumetSchool !

Ada banyak efek-efek CSS yang bisa kita gunakan. Dari warna sampai ukuran semua dapat diatur di CSS. Tapi pernahkah teman-teman ingin membuat bayangan di text seperti di Photoshop (efek Drop shadow)?

Jika masih belum ada bayangan, perhatikan gambar berikut ini. Sebelum di beri bayangan teksnya terlihat seperti berikut

Setelah diberi bayangan maka hasilnya akan menjadi seperti ini 

Lalu bagaimana caranya agar bisa memberikan bayangan (shadow) di teks seperti diatas?

Coba simpan kode berikut dengan nama bayangan-teks.html

Pada dasarnya untuk memberikan efek bayangan di teks cukup diberikan property text-shadow pada teks yang ingin diberi bayangan.

Dimana angka pertama  adalah jarak ke kanan, angka kedua adalah jarak ke arah bawah. Sedangkan yang terakhir adalah warna bayangannya.

Semoga bermanfaaat bagi teman-teman cool

20 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat