CSS: Сглаженный переход между секциями
Рассмотрим сглаженный переход между секциями/блоками с картинкой на странице. Без стилизации переход выглядит в нашем случае как на следующей картинке:
Записи с меткой «css»
CSS: Вертикальный таймлайн
Рассмотрим один из вариантов стилизации вертикального таймлайна как показано на картинке. Он является адаптивным, на мобильных устройствах элементы выстраиваются в одну колонку.
Простой макет сайта с использованием Flexbox
Сегодня мы с Вами создадим простой макет сайта с использованием Flexbox (Flexible Box Layout Module). Наш макет будет содержать шапку, контент и подвал. Подвал будет прижат к низу страницы, а контент занимать всю свободную область.
Размытие меню с помощью CSS3
В этой статье речь пойдет об эффекте размытия пунктов меню. В частности, мы будем изменять тени текста и применять переходы при наведении курсора мыши. Основная идея здесь заключается в размытие всех пунктов меню, за исключением лишь того, на котором будет курсор мыши.
Эффекты при наведении
Некоторые креативные и изысканные эффекты при наведении с использованием современных техник CSS, включая 3D переходы и псевдо-элементы.