CSS Фичи

Карточка с анимацией преображения изображения и с появляющейся кнопкой действия. Подобная реализация карточки может найти применение в различных ситуациях. Товар? ✅Да! Призыв к действию? ✅Конечно! #анимация

Анимация текста при наведении. Текст выделяется постепенно и очень плавно, что может найти применение в некоторых проектах. 🍀 Для данного эффекта использовался CSS(SCSS) #анимация

Хочу показать вам модальное окно, в котором реализованы: 🍀 Учетная запись, с заполнением почты и пароля. 🍀 Можно оставить ссылку на свои соцсети. 🍀 Заполнение личных данных. 🍀 Можешь применить в своем проекте. #форма

Сегодня мы поговорим о CSS Grid Layout. CSS Grid Layout — это двумерная сетка для для размещения элементов страницы. Верстая с данной технологией, надо думать столбцами и рядами, как в таблице. По сути, Grid CSS — это набор свойств, при помощи которых можно расположить элементы в нужном порядке, в нужном размере ячейках и задать расстояния между ними. #grid

Вкладка с табами , используем CSS и JavaScript. Если вы не сильны в написании скриптов, то вы можете просто копировать код и использовать у себя в проекте. #табы

Рейтинг можно сделать не только с помощью звездочек.  Вот крутая анимация рейтинга с эмоциями, реализованная с помощью CSS и JavaScript. #анимация

Сегодня я расскажу вам о CSS-фичах,о которых мало кто знает. #видео

Делаем чекбокс, радио кнопку и выпадающий список. #чекбокс

Сервис Box Shadow Generator. CSS свойство box-shadow добавляет одну или несколько теней к элементу. Для указания нескольких теней необходимо добавить дополнительное значение тени /-ей, разделенных запятыми. #сервис

hover-эффект кнопки. Простой,но в тоже время интересный и понятный для новичка hover-эффект при наведении.Меняй цвет фона или текст под свой стиль и забирай фичу себе ! #кнопка

Слайдер и библиотека GSAP. Очень интересный слайдер, который меняет не только картинку, но и фон позади себя, так же добавлен текст с описанием для каждой картинки, который тоже меняется при каждом слайде. #слайдер

#hover-эффект кнопки. Простой, но в тоже время интересный и понятный для новичка hover-эффект при наведении. Меняй цвет фона или текст под свой стиль и забирай фичу себе ! #кнопка