× İletişim Formu CSS ile Metin Renklendirme Arlina Design 3/27/2018 Etiketler : CSS CSS3 Arlina Design <!DOCTYPE html> <HTML> <head> <title>Metin Renklendirme</title> <style> @import url('https://fonts.googleapis.com/css?family=Acme'); body {font-family: 'Acme', sans-serif;} .gradient-text{ background: #c21500; background: -webkit-linear-gradient(to right, #ffc500, #c21500); background: linear-gradient(to right, #ffc500, #c21500); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text2{ background: #833ab4; background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text3{ background: #40E0D0; background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text4{ background: #DA22FF; background: -webkit-linear-gradient(to right, #9733EE, #DA22FF); background: linear-gradient(to right, #9733EE, #DA22FF); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text5{ background: #e52d27; background: -webkit-linear-gradient(to right, #b31217, #e52d27); background: linear-gradient(to right, #b31217, #e52d27); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } h3 {font-size:48px} </style> </head> <body> <h3 class="gradient-text">Metin Renklendirme</h3> <h3 class="gradient-text2">Metin Renklendirme</h3> <h3 class="gradient-text3">Metin Renklendirme</h3> <h3 class="gradient-text4">Metin Renklendirme</h3> <h3 class="gradient-text5">Metin Renklendirme</h3> </body> </HTML> YENİ YAYIN ÖNCEKİ YAYIN "CSS ile Metin Renklendirme" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
CSS ile Metin Renklendirme Arlina Design 3/27/2018 Etiketler : CSS CSS3 Arlina Design <!DOCTYPE html> <HTML> <head> <title>Metin Renklendirme</title> <style> @import url('https://fonts.googleapis.com/css?family=Acme'); body {font-family: 'Acme', sans-serif;} .gradient-text{ background: #c21500; background: -webkit-linear-gradient(to right, #ffc500, #c21500); background: linear-gradient(to right, #ffc500, #c21500); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text2{ background: #833ab4; background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text3{ background: #40E0D0; background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text4{ background: #DA22FF; background: -webkit-linear-gradient(to right, #9733EE, #DA22FF); background: linear-gradient(to right, #9733EE, #DA22FF); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } .gradient-text5{ background: #e52d27; background: -webkit-linear-gradient(to right, #b31217, #e52d27); background: linear-gradient(to right, #b31217, #e52d27); background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; text-align: center; } h3 {font-size:48px} </style> </head> <body> <h3 class="gradient-text">Metin Renklendirme</h3> <h3 class="gradient-text2">Metin Renklendirme</h3> <h3 class="gradient-text3">Metin Renklendirme</h3> <h3 class="gradient-text4">Metin Renklendirme</h3> <h3 class="gradient-text5">Metin Renklendirme</h3> </body> </HTML>
Yorum Gönder