Membuat Teks Transparan yang Elegan dengan CSS

Hallo kawan Dumenity, pada fungsi css adalah mengatur penampilan konten html, pada kesempatan kali ini saya akan memberikan sedikit trik tentang cara membuat teks transparan yang elegan dengan css

 

Pertama kita buat dulu struktur html seperti berikut

Membuat teks transparan yang elegan dengan css-1.JPG

 

Lalu kita buat css nya seperti berikut..

Membuat teks transparan yang elegan dengan css-2.JPG

 

 

Jika sudah coba save dan jalankan di browser..

Hasilnya kira-kira akan seperti ini..

 

Nahh... Pada tutor kali ini, inti dari property pengubah teks nya adalah property css color: rgba(255, 255, 255, 0.8); untuk memberi warna dan transparansi dan  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
untuk memberikan efek bayangan pada teks agar terlihat lebih hidup.

Sekian tutor kali ini, semoga dapat bermanfaat bagi kawan-kawan ya ..

19 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