От автора: в предлагаемом уроке будет показан интересный эффект, который может подойти для шапки сайта или какой-то из его секций. Суть эффекта заключается в размещении нескольких изображений в секции и показе только части каждого из изображений. Другая часть при этом скрывается при помощи свойства clip-path. При наведении мыши на часть изображения – будет показана полная картинка.
Читать далее »Архив меток: эффекты CSS3
CSS-эффекты для лендинга
От автора: в этом видео вы найдете сразу два интересных CSS-эффекта для вашего сайта, которые хорошо будут смотреться в первую очередь на сайтах с секциями. Первый эффект реализует неоновый свет для заголовка. Второй эффект заключается в фиксировании шапки и постепенном ее затухании при скролле страницы.
Читать далее »CSS-эффект для текста
От автора: Сегодня среди множества сайтов в сети все сложнее удержать пользователя именно на вашем ресурсе. Для этого нужен в первую очередь уникальный, качественный и интересный контент. Но также немаловажную роль играет и красивый дизайн, а также какой-нибудь интересный эффект. В этом уроке вы увидите интересный CSS-эффект для текста, который подойдет, к примеру, для заголовка в шапке сайта.
Читать далее »CSS эффекты для лендингов
От автора: в предлагаемом уроке вы найдете парочку симпатичных CSS-эффектов для лендингов. Данные эффекты не обязательно использовать исключительно для одностраничных сайтов, их можно использовать для любых других сайтов в случае, если вы хотите красиво оформить заголовок на странице. Первый эффект связан с использованием режима смешивания цветов и свойства mix-blend-mod. Для второго эффекта используются эффект анимации и свойство background-clip для наложения ...
Читать далее »Удивительные эффекты текстур и узоров с помощью CSS и JavaScript
От автора: текстуры и узоры уже давно являются частью веб-дизайна. Используемые в качестве фона или для выделения контента, они помогают задать тон наших работ. Но благодаря постоянно развивающимся веб-технологиям мы можем использовать с помощью JavaScript и CSS текстуры и узоры по-новому. Они больше не должны быть статическими. Теперь их можно объединять с техниками движения и затенения, чтобы создать некоторые умопомрачительные ...
Читать далее »Развлекаемся с эффектами при наведении на ссылку
От автора: дизайнер, с которым я работаю, представил на недавнем собрании команды свой проект. Она проделала замечательную работу, объединив концепцию системы дизайна, компоненты, шаблонов и все, что между ними, и это сделало бы любого стороннего разработчика счастливым. Но в ее работе был, на мой взгляд, крошечный нюанс: эффекты при наведении на ссылку были странными. Ссылка по умолчанию (сверху) и эффект ...
Читать далее »