Cara Membuat Warna Teks Gradient Pure CSS

Membuat Warna Text Gradient Dengan CSS

Jika blog terlihat kurang menarik dan membosankan, tentunya anda pasti jadi lebih sering mengutak-atik template dengan tujuan menarik hati pengunjung agar blog terlihat lebih rapi dan enak dipandang mata. Salah satu yang menarik adalah dengan memberikan efek gradient pada teks seperti pada judul artikel maupun teks lainnya yang anda ingin jadikan teks tersebut lebih berwarna.

Untuk anda yang ingin membuat judul blog atau judul artikel dengan efek warna gradient anda bisa ikuti langkah-langkah berikut ini.

Tambahakan CSS berikut Untuk setiap Teks Yang akan Anda Ubah Warnanya menjadi Gradient.

h1 {background: -webkit-linear-gradient(45deg, #08AADB, #f07328);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

Atau bisa juga dengan menambahkan CSS berikut.

h1 {background:linear-gradient(45deg, #08AADB, #f07328);background-clip: text;text-fill-color: transparent;}

Sesuaikan warnanya dengan warna template anda, dan untuk mengubah kemiringan ganti Angka 45 sesuai keinginan anda, atau anda juga bisa menggabungkan ke dua CSS diatas karena CSS tersebut sudah Support Chrome dan Mozilla firefox dan Opera.

Demikian Semoga Cara Membuat Warna text Gradient Pure Css ini bermanfaat untuk anda.

Advertisement
Advertisement

Artikel Terkait

Jangan menunggu kemampuan sebelum anda bersedia Bertindak. Bertindaklah karena itulah yang kelak menjadikan anda mampu