Загрузка...
Как создать отзывчивую выдвигающуюся боковую панель для навигации, которая отслеживает состояние, поддерживает управление с клавиатуры, работает с Javascript и без него и работает в разных браузерах
Выезжающая боковая панель (sidebar)
Метка: effects
CSS Scroll Snap
Ключевые свойства спецификации Scroll Snap. Свойство scroll-snap-type используется в контейнере со скроллом для определения его типа и направления.
Градиент для текста
Как с помощью CSS сделать градиентную заливку текста.
Текст внутри круга с помощью CSS
Вписать текст в окружность можно с помощью CSS-свойства shape-outside и несложной HTML-разметки.
Sticky sidebar (VanillaJS)
Плавающая боковая панель (sticky sidebar). Несложная HTML-разметка, немного CSS и чистый Javascript.
Эффект искривлений с помощью SVG-фильтра
Использование подчеркивания, кружков и квадратов создает забавные результаты. Вы можете применить SVG-фильтр к любым HTML-элементам, включая сам текст ссылки
Набор переключателей на чистом CSS
MoreToggles.css — это библиотека на чистом CSS, которая предоставляет большое количество привлекательных переключателей. Вам нужно только добавить название CSS-класса для div.
Создание динамической фото-сетки с режимами смешивания CSS
Сперва фото были размещены вручную, чтобы избежать совпадения цветов. Теперь, применяя только CSS с помощью псевдоэлементов и фильтров SVG изменяем любую фотографию в сетке в любое время.
Техника 3D заворачивания для HTML элементов
Экспериментальная техника 3D-макета для HTML-элементов со скроллом, заворачиванием и прочими возможностями.