Найти в Дзене

3 веб приложения для ускорения работы над проектом!

Порой нужно подобрать несколько цветов под ваш проект.
Сам цвет и несколько оттенков, и подобрать так что бы смотрелось профессионально. В этом приложении вы сможете подобрать те цвета, которые хотите использовать в проекте, и так же скопировать код и вставить в ваш css файл.
Для начала необходимо выбрать цвет, и с помощью трёх ползунков настроить оттенок. Ниже находится код, его и нужно скопировать.
Максимально быстро и удобно, многим верстальщикам этот сайт станет полезным. Дальше разберем генератор блоков. В нем можно настроить ваш блок любой формы. Наложить блюр, закруглить края, наложить тень, выбрать цвет и размер.
Так же как и в прошлом приложении после создания блоков с помощью ползунков копируете код и вставляете в ваш css файл. Этот блок может быть и кнопкой. Ну и последнее приложение, на мой взгляд самое полезное для верстки сайтов. Здесь можно настроить анимацию при наведении курсора мыши на информационный блок. Интерфейс полностью на английском, но привыкнуть можно. Сущ

Порой нужно подобрать несколько цветов под ваш проект.
Сам цвет и несколько оттенков, и подобрать так что бы смотрелось профессионально.

CSS Gradient — Generator, Maker, and Background

В этом приложении вы сможете подобрать те цвета, которые хотите использовать в проекте, и так же скопировать код и вставить в ваш css файл.
Для начала необходимо выбрать цвет, и с помощью трёх ползунков настроить оттенок. Ниже находится код, его и нужно скопировать.
Максимально быстро и удобно, многим верстальщикам этот сайт станет полезным.

Дальше разберем генератор блоков. В нем можно настроить ваш блок любой формы. Наложить блюр, закруглить края, наложить тень, выбрать цвет и размер.
Так же как и в прошлом приложении после создания блоков с помощью ползунков копируете код и вставляете в ваш css файл. Этот блок может быть и кнопкой.

Neumorphism/Soft UI CSS shadow generator

Ну и последнее приложение, на мой взгляд самое полезное для верстки сайтов. Здесь можно настроить анимацию при наведении курсора мыши на информационный блок. Интерфейс полностью на английском, но привыкнуть можно. Существует уйма анимаций. Начиная от смены цвета блока, подчеркивания текста, заканчивая переворачиванием блока на 360 градусов, либо изменения формы. После того, как вы нашли интересующую вас анимацию справа будет значок "{*}". Нажимаете на него и открывается несколько окошек. Нужно скопировать из обеих окон информацию и вставить в css файл. Придется потратить немного времени что бы разобраться с кодом. Но оно того стоит.

Animista - On-Demand CSS Animations Library

Если остались вопросы - пишите в комментарии.

Всего доброго!