За този инструмент
Създавайте красиви CSS линейни и радиални градиенти с визуален редактор. Изберете цветове, коригирайте спиранията, променете посоката или ъгъла и вижте актуализацията за визуализация на живо в реално време. Копирайте генерирания CSS код — включително префикси на доставчика за по-стари браузъри — и го поставете директно във вашата таблица със стилове.
Често задавани въпроси
- CSS градиентите работят ли във всички браузъри?
- Съвременните CSS градиенти (линеен градиент, радиален градиент) се поддържат във всички текущи браузъри, включително Chrome, Firefox, Safari и Edge. Инструментът може по избор да генерира префикси -webkit- за по-стари версии на браузъра.
- Мога ли да създавам многоцветни градиенти?
- да Добавете толкова цветни спирачки, колкото са ви необходими. Можете също така да регулирате позицията на всяка спирка, за да контролирате къде се смесват цветовете. Това позволява сложни градиенти на дъгата, залеза или персонализирана марка.
- Каква е разликата между линейни и радиални градиенти?
- Линейните градиенти преливат цветовете по права линия (отгоре надолу, отляво надясно, диагонално или произволен ъгъл). Радиалните градиенти преливат цветовете навън от централна точка в кръгла или елипсовидна форма.
- Мога ли да използвам градиента като фон за текст?
- да Използвайте background-clip: text с -webkit-text-fill-color: transparent, за да приложите градиента към текста. Генерираният CSS предоставя дефиницията на градиента — комбинирайте го с тези свойства за градиентен текст.