Эң мыкты акысыз Градиенттерди генератору
Линейдик жана радиалдык CSS градиенттерин түзүү - фон кодун көчүрүү.
Кантип иштейт
- Тип тандоо. Линейдик же радиалдык градиентти тандап, анын бурчун коюңуз.
- Түстөрдү жана токтомдорду тандоо. Эки же андан көп түстөрдү жана алардын жайгашуусун орнотуу; Кеңейтилген параметрлерде үчүнчү токтомду кошуу.
- CSSти көчүрүү. CSS көчүрүү баскычын басып, фондун градиенти стилдик таблицага орнотулат.
Бул аспап жөнүндө
CSS градиентин көз менен түзүү, маанилерди көздөн далдоосуз өзгөртүү ордуна. Линейный и радиальный варианттар ортосунда алмаштыруу, линейный градиент үчүн бурчту тартып, түстөрдү жана позицияларды эки токтомго чейин тандап алуу, ал эми толук кеңдиктеги алдын-ала көрүү панели жаңыртылып турат. Жыйынтыгында алынган фондун касиеттерин стилдик таблицага түз эле көчүрүп алуу. Кеңейтилген параметрлер үчүнчү түс токтомун байыркы аралашуу үчүн кошуп, радиалдык градиенттер үчүн айлана же эллипс формасын тандап берет. Бардыгы браузерде иштейт.
Адамдар аны эмне үчүн колдонушат
- Героин же секциянын фонунун градиенти
- Градиенттик толтурууну баскыч же картага жаратууgradient-editor-action
- Эки же үч бренддин түстөрүн бирдей аралаштыруу
- Радиалдык жарык же винетка эффектин жаратуу