Рассматривается общий принцип реализации “прыгающих” подписей к полям формы – преобразования placeholder текстового поля в label снаружи него с помощью только CSS и HTML.
Метка: effects
box-shadow: CSS-генератор мягких теней
CSS-border с анимированным градиентом
Как запускать CSS-анимацию при прокрутке страницы
CSS для настройки текста поверх изображений
Использование CSS для управления выделением текста
Смягчение теней с помощью слоёв в CSS-свойстве box-shadow
Выезжающая боковая панель (sidebar)
CSS Scroll Snap
Градиент для текста
Текст внутри круга с помощью CSS
Sticky sidebar (VanillaJS)
Эффект искривлений с помощью SVG-фильтра
Использование подчеркивания, кружков и квадратов создает забавные результаты. Вы можете применить SVG-фильтр к любым HTML-элементам, включая сам текст ссылки