Bu alət haqqında
Vizual redaktorla gözəl CSS xətti və radial gradientlər yaradın. Rəngləri seçin, dayanacaqları tənzimləyin, istiqaməti və ya bucağı dəyişdirin və real vaxtda canlı baxış yeniləməsinə baxın. Yaradılmış CSS kodunu, o cümlədən köhnə brauzerlər üçün satıcı prefikslərini kopyalayın və onu birbaşa üslub cədvəlinizə yapışdırın.
Tez-tez verilən suallar
- CSS gradientləri bütün brauzerlərdə işləyirmi?
- Müasir CSS gradientləri (xətti-qradiyent, radial-qradiyent) Chrome, Firefox, Safari və Edge daxil olmaqla bütün cari brauzerlərdə dəstəklənir. Alət isteğe bağlı olaraq köhnə brauzer versiyaları üçün -webkit- prefiksləri yarada bilər.
- Çox rəngli gradientlər yarada bilərəmmi?
- Bəli. İstədiyiniz qədər çox rəngli dayanacaq əlavə edin. Rənglərin hara qarışdığını idarə etmək üçün siz həmçinin hər bir dayanacağın yerini tənzimləyə bilərsiniz. Bu, mürəkkəb göy qurşağı, qürub və ya fərdi marka gradientlərinə imkan verir.
- Xətti və radial gradientlər arasındakı fərq nədir?
- Xətti gradientlər rəngləri düz xətt boyunca (yuxarıdan aşağıya, soldan sağa, diaqonal və ya istənilən bucaq) keçir. Radial qradiyentlər dairəvi və ya elliptik formada mərkəz nöqtəsindən xaricə rəngləri keçir.
- Qradiyentdən mətn üçün fon kimi istifadə edə bilərəmmi?
- Bəli. Gradienti mətnə tətbiq etmək üçün fon-klipdən istifadə edin: -webkit-text-fill-color ilə mətn: şəffaf. Yaradılmış CSS gradient tərifini təmin edir - onu gradient mətn üçün bu xüsusiyyətlərlə birləşdirin.