Обтекание картинки текстом
CSS-свойство shape-outside для обтекания текстом изображения на прозрачном фоне
CSS-свойство shape-outside используется для того, чтобы создать внутри элемента форму, вокруг которой будет происходить обтекание.
Текст во всю ширину родительского элемента
Выравнивание текста по всей ширине заданного блока
Небольшой скрипт, который выравнивает строку с текстом по всей ширине ее родительского элемента, а также устанавливает нужный размер шрифта, в зависимости от этой ширины и кол-ва букв.
Свет фонарика на тексте
Луч фонарика бегающий по тексту на CSS
Для реализации эффекта используется атрибут data-text, а также css-свойства -webkit-background-clip и clip-path
Вертикальное выравнивание текста
Универсальные способы выравнивания текста по вертикали
4 способа выровнять текст по вертикали без указания конкретных величин
Стрелки вниз для полноэкранных слайдеров
3 варианта указывающей вниз стрелки, которая ставится на полноэкранные слайдеры или баннеры
Стрелки выполнены на CSS, но при желании к ним можно привязать JS события для прокрутки страницы вниз.
Вращающиеся кольца из текста
Решение, вращающее два кольца состоящих из заданного текста.
Вращающиеся кольца выполнены в 2-х вариантах: на чистом CSS и с использованием jQuery
Круглая кнопка с тенью
Пример создания круглой кнопки с рамкой и тенями средствами CSS
Данная кнопка также имеет простенький ховер-эффект
Запись переменной из JS в файл для скачивания
Простое решение на JS для сохранения переменной в файл на компютер пользователя
Решение умещается в 5 строчек и не требует дополнительных библиотек
Анимированное подчеркивание текста
Пример анимированного подчеркивания текста с использованием 2-х линий на SVG
Решение подходит для выделения важного слова или слов в заголовках
