Главная » Архив меток: эффекты CSS3

Архив меток: эффекты CSS3

Свойство clip-path и интересный эффект для сайта

От автора: в предлагаемом уроке будет показан интересный эффект, который может подойти для шапки сайта или какой-то из его секций. Суть эффекта заключается в размещении нескольких изображений в секции и показе только части каждого из изображений. Другая часть при этом скрывается при помощи свойства clip-path. При наведении мыши на часть изображения – будет показана полная картинка.

Читать далее »

CSS-эффекты для лендинга

От автора: в этом видео вы найдете сразу два интересных CSS-эффекта для вашего сайта, которые хорошо будут смотреться в первую очередь на сайтах с секциями. Первый эффект реализует неоновый свет для заголовка. Второй эффект заключается в фиксировании шапки и постепенном ее затухании при скролле страницы.

Читать далее »

CSS-эффект для текста

От автора: Сегодня среди множества сайтов в сети все сложнее удержать пользователя именно на вашем ресурсе. Для этого нужен в первую очередь уникальный, качественный и интересный контент. Но также немаловажную роль играет и красивый дизайн, а также какой-нибудь интересный эффект. В этом уроке вы увидите интересный CSS-эффект для текста, который подойдет, к примеру, для заголовка в шапке сайта.

Читать далее »

CSS эффекты для лендингов

От автора: в предлагаемом уроке вы найдете парочку симпатичных CSS-эффектов для лендингов. Данные эффекты не обязательно использовать исключительно для одностраничных сайтов, их можно использовать для любых других сайтов в случае, если вы хотите красиво оформить заголовок на странице. Первый эффект связан с использованием режима смешивания цветов и свойства mix-blend-mod. Для второго эффекта используются эффект анимации и свойство background-clip для наложения ...

Читать далее »

Удивительные эффекты текстур и узоров с помощью CSS и JavaScript

От автора: текстуры и узоры уже давно являются частью веб-дизайна. Используемые в качестве фона или для выделения контента, они помогают задать тон наших работ. Но благодаря постоянно развивающимся веб-технологиям мы можем использовать с помощью JavaScript и CSS текстуры и узоры по-новому. Они больше не должны быть статическими. Теперь их можно объединять с техниками движения и затенения, чтобы создать некоторые умопомрачительные ...

Читать далее »

Развлекаемся с эффектами при наведении на ссылку

От автора: дизайнер, с которым я работаю, представил на недавнем собрании команды свой проект. Она проделала замечательную работу, объединив концепцию системы дизайна, компоненты, шаблонов и все, что между ними, и это сделало бы любого стороннего разработчика счастливым. Но в ее работе был, на мой взгляд, крошечный нюанс: эффекты при наведении на ссылку были странными. Ссылка по умолчанию (сверху) и эффект ...

Читать далее »