Loading…
Перейти до вмістуСтворюйте лінійні та радіальні градієнти CSS із попереднім переглядом — копіюйте готовий код.
Full tool — runs in your browser. No sign-up required.
Завантаження…
У розділах і кнопках героїв використовуються градієнти — префікси постачальників переважно застаріли, але синтаксис кутів змінюється.
Tentaco Gradient Generator виводить сучасний CSS локально — вставте його в маркери дизайну.
Відкрийте Gradient Generator із бічної панелі студії або /use/gradient-generator.
Налаштуйте введення — файли, текст або параметри залежно від інструменту.
Перегляньте результати попереднього перегляду або перевірки на тій же сторінці.
Скопіюйте, завантажте або перейдіть до наступного кроку робочого процесу.
Tentaco запускає цей інструмент у вашому браузері, коли це можливо. Текст і структуроване введення, яке ви вставляєте, обробляються під час сеансу сторінки, якщо інструмент явно не отримує віддалені дані. Закрийте вкладку або очистіть сторінку після використання на спільних комп’ютерах. Функції, які викликають зовнішні API (наприклад, засоби отримання URL-адрес), надсилають лише дані, необхідні для цього запиту.
ЛокальноЦей інструмент обробляє дані локально у вашому браузері. Tentaco не отримує вміст вашого файлу для цього режиму.
Стандартні режими обробляють дані локально у вашому браузері. Серверні функції чітко позначені значками конфіденційності.
Ні — відкрийте інструмент і почніть негайно без реєстрації.
Так — інструменти Tentaco швидко реагують і працюють у сучасних мобільних браузерах.
Конвертер кольорів — HEX RGB HSL
Перетворюйте кольори між HEX, RGB і HSL — помічник у передачі дизайну.
Box Shadow Generator — інструмент тіні CSS
Візуально створюйте CSS box-shadow із попереднім переглядом — скопіюйте готовий CSS для карток і кнопок.
Генератор радіусів кордонів — закруглені кути CSS
Візуальний редактор радіусів кордонів із керуванням кутами — скопіюйте скорочення CSS.
Color Shades Generator — палітра відтінків
Створюйте відтінки та відтінки з базового кольору бренду — масштаби систем дизайну.
Студія дизайну онлайн — безкоштовно
Кольори, градієнти та генератори дизайну CSS в одній робочій області.
Text Shadow Generator — тінь тексту CSS
Текстова тінь дизайну CSS із попереднім переглядом — скопіюйте фрагмент для заголовків.
Генератор QR-кодів — безкоштовно
Створюйте QR-коди для URL-адрес, Wi-Fi, vCards і звичайного тексту. Завантажте у форматі PNG або SVG.
Генератор Flexbox — гнучкий макет CSS
Візуально створюйте макети flexbox — вирівнюйте, вирівнюйте та створюйте проміжки за допомогою копії CSS.