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