Загрузка...
Несколько техник вырезания и использования слоёв маски для формирования фигуры всплывающих подсказок с произвольным хвостиком-стрелкой.
CSS clip и mask для всплывающих подсказок
Метка: web-design
Текст внутри круга с помощью CSS
Вписать текст в окружность можно с помощью CSS-свойства shape-outside и несложной HTML-разметки.
Когда в CSS использовать rem, em, px, или что-то другое
Использование только пикселей для CSS-размеров шрифта, контейнеров, отступов, позиционирования и пр. — путь простой, но тупиковый. Когда и какие единицы измерения лучше использовать
Эффект искривлений с помощью SVG-фильтра
Использование подчеркивания, кружков и квадратов создает забавные результаты. Вы можете применить SVG-фильтр к любым HTML-элементам, включая сам текст ссылки
Набор переключателей на чистом CSS
MoreToggles.css — это библиотека на чистом CSS, которая предоставляет большое количество привлекательных переключателей. Вам нужно только добавить название CSS-класса для div.
Пользовательские предпочтения: prefers-color-scheme
CSS prefers-color-scheme это медиа-запрос, который определяет текущую настройку темы операционной системы пользователя.
Делаем CSS треугольники
Примеры реализации треугольников с помощью CSS
Создание динамической фото-сетки с режимами смешивания CSS
Сперва фото были размещены вручную, чтобы избежать совпадения цветов. Теперь, применяя только CSS с помощью псевдоэлементов и фильтров SVG изменяем любую фотографию в сетке в любое время.