Назад до Інструментів

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% БезкоштовноПрацює в браузеріБез реєстрації

Про цей iнструмент

Створіть ідеальний CSS box-shadow за допомогою візуального редактора. Почніть з шаблонів Material Design, Soft UI або неоморфізму, або створіть власний з нуля. Нашаровуйте кілька шарів тіні, налаштовуйте зміщення, розмиття, розповсюдження та колір, і бачте зміни в реальному часі. Скопіюйте CSS одним натисканням для макетів aukimi Inkwell або живих веб-сайтів. Частина aukimi Inkwell.

Функцiї

  • Шаблони Material, Soft UI та користувацькі
  • Кілька шарів тіні
  • Налаштовувані зміщення, розмиття, розповсюдження та колір
  • Попередній перегляд в реальному часі на налаштовуваних формах
  • Копіювання CSS одним натисканням

Сценарiї використання

Стилі тіні для карток та панелейДизайн UI в стилі неоморфізмуПрототипування систем висоти

Поділитися цим інструментом

Допоможіть іншим його знайти

Створіть безкоштовний акаунт, щоб прибрати водяні знаки

Зберігайте свою роботу, отримайте доступ до повного набору інструментів та експортуйте без водяних знаків.

Sign Up Free

Потрібно більше?

Спробуйте aukimi Inkwell

Професійне редагування растрових зображень із шарами, масками, фільтрами та повною підтримкою планшета.

Часті запитання

Чи CSS Shadow Generator дійсно безкоштовний?

Так, 100% безкоштовно без прихованих платежів. Ви можете використовувати його скільки завгодно разів, прямо у вашому браузері.

Чи потрібно створювати обліковий запис?

Обліковий запис не потрібен. Однак безкоштовний обліковий запис aukimi прибирає водяні знаки та дозволяє зберігати вашу роботу.

Чи мої дані в безпеці?

Так. Вся обробка відбувається локально у вашому браузері. Ваші файли ніколи не завантажуються на наші сервери.

Чи можу я використовувати результати для комерційних проєктів?

Звичайно. Все, що ви створюєте за допомогою наших безкоштовних інструментів, належить вам, включаючи комерційне використання.