Ən Yaxşı Pulsuz CSS Gradient Yaratıcısı
Arxa plan kodunu kopyalayın.
Bu necə işləyir
- Bir növ seç. Sətr ya da radial seç və sətir gradiyentinin bucağını təyin et.
- Rəngləri və dayanmaları seç. İki və ya daha çox rəng və onların mövqelərini təyin et; Əlavə seçimlərdə üçüncü dayanacaq əlavə et.
- CSS-i Köçür. CSS Köçürmə düyməsini basın və arxa plan gradiyentini üslub səhifəsinə yapışdır.
Bu vasitə haqqında
CSS gradiyentini görmə qabiliyyətinizlə qurun. Düzgün və radial arasında keçid edin, düzənli gradiyent üçün bucağı sürükləyin və rəngləri və mövqeləri ən azı iki nöqtə üçün seçin. Bu nöqtə bütün genişlikli önizləmə çubuğunun canlı olaraq yenilənməsi zamanı dəyişir. Nəticədə yaranan arxa plan xüsusiyyəti üslub səhifəsinə köçürün. Əlavə seçimlər daha zəngin qarışıqlar üçün üçüncü rəng nöqtəsi əlavə edir və radial gradiyentlər üçün dairəvi və ya elips şəklini seçməyə imkan verir. Bütün bunlar brauzerinizdə işləyir.
İnsanlar bunu nəyə istifadə edirlər
- Kahraman ya da hissə arxa plan gradiyentini cız
- Düymə ya da kart gradient doldurmasını yarat
- İki və ya üç marka rənglərini yumşaqca qarışdır
- Radial işıqlandırma ya da vinyet effekti yarada