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