Заголовок, перекрывающий блок с рамкой
Заголовок на прозрачном фоне, перекрывающий блок с рамкой на CSS
Два варианта заголовков (на однородном и графическом фоне), которые перекрывают блоки с рамкой.
Текст на однородном фоне
Текст на однородном фоне, выделенный контуром и тенью
Пример для оформления заголовков с помощью тени и контура.
Решение выполнено на CSS и имеет настройки для подбора цвета.
Фиксированная кнопка мессенджера
Анимированная кнопка с мессенджером, зафиксированная внизу страницы
В теме рассмотрены 4 примера создания внизу страницы кнопки с ссылкой на нужный контакт. Это телефон, WhatsApp, Telegram и Viber.
Запись текста со страницы в .txt файл для скачивания
Решение на JavaScript для сохранения любой текстовой информации на сайте в .txt файл для скачивания
Сохранение происходит при нажатии на кнопку и сохраняется в файл с заданным именем в формате TXT.
Данное решение может пригодится для сохранения данных, которые нет необходимости выдавать на печать.
Проверка на вместимость текста в контейнере
Функция на JS для проверки вместимости контента в его контейнере
Данная функция очень простая и умещается всего в 1 строчку кода. Не смотря на это, она может быть полезной в ряде решений.
Золотой эффект текста на CSS
Красивый вариант отображения текста в виде золотых трехмерных букв
Эффект основан на градиенте background: linear-gradient и фоновых заливках -webkit-background-clip и -webkit-text-fill-color
Обтекание картинки текстом
CSS-свойство shape-outside для обтекания текстом изображения на прозрачном фоне
CSS-свойство shape-outside используется для того, чтобы создать внутри элемента форму, вокруг которой будет происходить обтекание.
Текст во всю ширину родительского элемента
Выравнивание текста по всей ширине заданного блока
Небольшой скрипт, который выравнивает строку с текстом по всей ширине ее родительского элемента, а также устанавливает нужный размер шрифта, в зависимости от этой ширины и кол-ва букв.
Свет фонарика на тексте
Луч фонарика бегающий по тексту на CSS
Для реализации эффекта используется атрибут data-text, а также css-свойства -webkit-background-clip и clip-path
