Membuat Warna Gradien Dengan HTML CSS untuk WordPress.com


htmlKetika membuat suatu kotak atau tombol dan lainya, biasanya kita menambahkan warna untuk mempercantik tampilan, dengan menambahkan gradiasi warna maka tampilan suatu objek yang kita buat akan lebih cantik dan indah.  Karena fungsi gradien warna ini akan digunakan di postingan wordpress jadi kita akan menggunakan CSS. Jadi bagaimana cara membuat warna gradien dengan HTML CSS untuk postingan di wordpress.com? Untuk membuatnya kita hanya perlu menambahkan satu perintah background: linear-gradient setelah perintah ini kita tinggal menambahkan warna apa saja yang akan ditambahkan dan meengatur sudut gradiasinya. Seperti contoh berikut :

<div style="height: 50px;background: linear-gradient(90deg,#00CC66,#19D1FF);"</div>

maka akan menghasilkan warna gradien seperti ini

-90deg adalah untuk menentukan arah  gradiasinya
#00CC66 dan #19D1FF adalah warna yang digunakan
Kita dapat menambahkan warna-warna lainya dan mengubah arah gradiasi warnanya, seperti berikut

<div style="height: 50px;background: linear-gradient(-45deg,#00CC66,#19D1FF,#FF6600,#FFFF00 );"></div>

Warna-warna ini dapat kita tambahkan di berbagai fungsi div ataupun style css, seperti untuk membuat frame atau kotak.

Demikian cara membuat warna gradien menggunakan html css untuk postingan di wordpress.com. Semoga membantu

Advertisements

One comment on “Membuat Warna Gradien Dengan HTML CSS untuk WordPress.com

  1. Pingback: Membuat Kotak / Frame Menggunakan Border Radius Dengan HTML CSS | Hit Tech

Komentarnya please

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s