Membuat Text Gradient Warna Warni [CSS3]

<style>
pyzonet {
  display: table;
  margin: 0 auto;
  font-family: "raleway";
  font-weight: 400;
  font-size: 5em;
  background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 200px;
}
</style>
<pyzonet>Gradient text</pyzonet>

Hasilnya:
Gradient text
Bila teks diatas tidak terlihat seperti gambar ini
, atau bahkan teksnya tidak muncul sama sekali, berarti browser yang Anda pakai tidak support css gradient.

Happy Blogging!

Allowed tag: <i>...</i> <b>...</b> [img]...[/img] <youtube>...</youtube> [pre]...[/pre]

Emoticons

:) :D :coffee :( :malu :sorry :takut :ultah :traveller :sup :sup2 :toast :confused :wizard :manyun :zzz :cool :lol :cat :mad :bandit :smoking