Новогодняя секция
Новогодняя блок-секция с поздравлением
Всех с наступающим Новым Годом!
В преддверии этого праздника, я собрал небольшую блок-секцию с параллакс-эффектом, падающим снегом и поздравительным текстом.
Новогодняя блок-секция с поздравлением
Всех с наступающим Новым Годом!
В преддверии этого праздника, я собрал небольшую блок-секцию с параллакс-эффектом, падающим снегом и поздравительным текстом.
Красивое оформление секции с фотографией и заголовком, который частично заполнен ей
Часть текста заголовка, наложенного на фотографию имеет заданный цвет, а выходящая за нее — её фон. Данное наложение происходит автоматически в зависимости от количества текста и размера букв, это можно проверить сузив окно браузера.
Овальное разделение текста в секции от фотографии
Для создания овала используется небольшой код на JavaScript
Сборник разделителей для перехода между секциями разного цвета.
Все примеры в данной теме представлены в виде 3-х секций, центральная из которых — темная.
Между этими секциями установлены разделители, которые украшают переход между ними .
Вариант оформления блока с шестиугольными фотографиями разного размера
Данное решение можно использовать как вспомогательный блок к какой-либо текстовой информации, или, увеличив масштаб, как самостоятельную секцию.
Также на фотографии можно установить ссылки или появляющийся поясняющий текст
Падающие в блоке или на всей странице снежинки, квадратики, треугольники и другие элементы
Решение реализовано на библиотеке sparticles.js
Вариант оформления информационной секции с фотографией
Данный вариант является адаптивным и правильно отображается на всех экранах.
Разделитель для секций в виде бегущих волн с использованием SVG и CSS
Данный эффект также можно использовать для оформления подвала