Два варианта появления букв у заголовков при прокрутке страницы
В данной теме представлено два варианта появления букв у заголовков при прокрутке страницы.
Первый — это с библиотеками WOW.js и animate.css, а второй — с их альтернативой AOS.js
Двигающаяся по секции окружность, в которой меняется цвет текста
Код для данного решения относительно прост, но требует конкретной подгонки всех параметров под размер секции и количества текста.
Глассморфные (стекломорфные) кнопки с ховер-эффектом
Кнопки основаны на дизайнерском эффекте, называемым стекломорфизм или глассморфизм, элементы которого напоминают прозрачное стекло. Из-за особенностей такого дизайна они хорошо смотрятся только на темном или графическом фоне.
Подмена в копируемом тексте кириллических букв на латинские.
Чтобы защитить контент от копирования, обычно блокируется правая кнопка мышки, некоторые клавиши и запрещается выделение текста. Способ хороший, но при желании все равно можно открыть HTML-код и скопировать нужную информацию.
Данный способ ничего не запрещает, а подменяет копируемый текст.
Несколько вариантов оформления текста на основе векторной графики SVG
SVG тег <text> определяет графический элемент, содержащий текст. Как и к любому другому, к нему можно применить градиент, шаблон, окантовку, маску или фильтр.
Установка размера текста и его позиции в зависимости от ширины блока
Два примера установки размера шрифта и его позиции в блоке относительно его ширины. Один на JS, если блок не во всю ширину экрана, другой на CSS, если во всю.
Варианты оформления стрелок влево, вправо, вверх и вниз реализованные SVG графикой
Ранее уже была похожая тема со стрелками, которые реализованы на CSS, но решения с SVG графикой имеют два важных плюса:
5 вариантов различных частиц, которые разлетаются в разные стороны по клику на кнопке
Скрипт, реализующий данные эффекты не требует дополнительные библиотеки и занимает менее 100 строк кода.
Небольшой скрипт на jQuery реализующий поиск и фильтрацию контента по буквам
Данный скрипт убирает контент, который не имеет совпадения с искомыми данными, а также подсвечивает найденное буквосочетание.
