-
Анимированное подчеркивание при наведении на текст
Небольшой классный трюк в CSS. Добавление анимированного подчеркивания при наведении на текст. Здесь на самом деле это не подчеркивание, а фоновое изображение, которое представляет…
-
Подборка советов и лайфхаков в CSS #1
Подборка небольших советов и трюков, которые вы можете использовать, используя современный синтаксис CSS. 1. Отступы между элементами Устаревший способ Новый, стильный, молодежный способ: 2.…
-
CSS-свойство @view-transition
CSS- свойство @view-transition — это современная CSS-директива, предназначенная для создания плавных анимаций перехода между страницами или состояниями сайта. Она позволяет реализовать визуальные переходы между…
-
Flexbox Labs
В этом сервисе можно поиграться с CSS Flexbox/Grid и посмотреть, как разные свойства влияют на внешний вид элементов. Просто настраиваешь нужные параметры и копируешь…
-
Различные фильтры, доступные в CSS
Свойство filter в CSS позволяет добавлять визуальные эффекты к любому элементу (не только к изображениям), например, регулировать яркость, контрастность и т. д. Существует также…
-
Полный гайд по Chrome DevTools
Мне этот Chrome DevTools теперь абсолютно понятен. Chrome DevTools – это не только панель для отладки, но и полноценная среда для проектирования, тестирования и…
-
Сборник красивых фонов на чистом CSS
Любопытный сервис для подбора или генерации паттерновых фонов для сайта. Можно настраивать цвета, плотность, отступы, размеры и другие параметры, чтобы идеально попасть в ваш…
-
Вёрстка сайта по БЭМ для новичков
Хочешь освоить адаптивную вёрстку с качественной архитектурой? В этом руководстве покажут, как собрать правильный сайт используя компонентный подход БЭМ. Стек: HTML, CSS, Flexbox и…