Text Gradient Css

-

 


Edisi hari ini kita akan membuat Text Gradient menggunakan CSS, bagaimana cara membuatnya? Ikuti saya.

1. Buka teks editor kalian

2. Buatlah sebuah file index.html

3. Ketikan sintak dibawah ini :

4. Tambahkan style di dalam tag body :

5. Run file tersebut lalu akan muncul tampilan seperti di bawah

Keterangan: 

-Di dalam tag head terdapat link", agar lebih mudah mengetik nya cari saja di google "google font". Lalu pilih font mana yang akan di gunakan nanti ada link yang tersedia.

-Jika ingin mengubah warna dari Text Gradient, ubah sintak "background-image: liner-gradient (90deg, red, blue);" ubah yang di garis bawahi

Ya, begitulah cara membuat Text Gradient menggunakan CSS, mudah bukan.Jika ada pertanyaan silahkan berkomentar. Sendiri tanpa kekasih sekian dan Terimakasih. 
~Zenprojek~


Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Bunga Menggunakan Bahasa Pemrograman Python

-
Gambar
Membuat Bunga Menggunakan Bahasa Pemrograman Python Apa itu Python? Python merupakan bahasa pemrograman tingkat tinggi yang diracik oleh Guido van Rossum. Python dikenal dengan bahasa pemrograman yang mudah dipelajari, karena struktur sintaknya rapi dan mudah dipahami. Bahkan jika ingin mengeluarkan "hello word" saja sangan mudah tinggal ketik :  print "hello word" Persiapan alat untuk membuat bunga 1. Python: Interpreter yang menerjemahkan bahasa python ke bahasa mesin, sehingga program bisa dijalankan. 2.Teks Editor/IDE: Program yang digunakan untuk menulis kode. Disini kita menggunakan visual studio code. 3.download terlebih dahulu extension yang bernama  "Python" di Visual studio code kalian  Langkah Pengerjaan : 1. Buat file di teks editor kalian dengan nama bungan.py   2. Ketikan code ini :  import turtle s = turtle.Screen() t = turtle.Turtle() s.bgcolor('#262626') t.pencolor('#540d6e') t.speed(100) col = ('#ee4266', '#ff...
Baca selengkapnya

7 Rekomendasi Channel YouTube untuk belajar coding

-
Gambar
Kalian ingin belajar bahasa pemrograman/coding? Tapi takut mahal? Mahal itu jika kalian mengikuti pelatihan pelatihan/workshop. Disini saya akan membagikan 7 Channel YouTube untuk belajar coding. Siapa saja ikuti saya! 1. Web Programming UNPAS Di Channel YouTube ini kalian bisa belajar bahasa pemrograman dengan sangat lengkap. Web Programming UNPAS banyak menyediakan Vidio-Vidio untuk belajar bahasa pemrograman mengenai Front End  dan BackEnd. Front End contohnya Html dasar, CSS dasar, JavaScript, dan masih banyak lagi. Sedangkan BackEnd ada bahasa PHP, JavaScript lanjutan, laravel dan banyak lagi yang lain nya. Jika ingin lengkap kunjungi saja Channel YouTube  Web Programming UNPAS 2. Dea Afrizal Di Channel YouTube ini kita bisa banyak belajar mengenai dunia programmer itu bagaimana saja. Tak hanya itu Dea Afrizal juga sering memberikan pembelajaran-pembelajaran mengenai bahasa pemrograman yang sering digunakan di dunia programmer. Seperti React Js, Nodejs, Express Js, Api da...
Baca selengkapnya

Animasi loading dengan css

-
Gambar
  Loading merupakan sebuah istilah yang digunakan untuk penunjuk bahwa sedang dalam proses muat/refresh. Loading juga banyak jenis nya seperti gambar di atas.  Mari kita mencoba membuat animasi loading, menggunakan CSS. Bagaimana cara nya ikuti saya. Langkah pengerjaan 1. Siapkan teks editor kalian 2. Buatlah sebuah file loading.html 3. Buat struktur html 4. Ketikan sintak berikut didalam tag <body>       Html 5. Buat file baru style.scc 6. Sambungkan file CSS dengan html yang sudah dibuat, dengan mengetikan sintak dibawah ini dalam file html di dalam tag <head> 7. Masukan sintak dibawah ini kedalam file CSS Css 8. Masukan juga animasi dengan mengetikan code ini Animation 9. Run file html, dan yang akan di hasilkan dari kedua file tersebut adalah sebagai berikut: Hasil Ya, begitulah cara membuat animasi loading dengan menggunakan CSS. Sekian dari saya terimakasih ~Zenprojek~  
Baca selengkapnya