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

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

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

[ВладимирТюрин-зе]

Очень классно. Постоянно слежу за Вашим каналом. Спасибо, что делитесь Вашими знаниями! Удачи! С наступающим праздником!

[OLEGJED]

ах я думал это для веб-дизайнеров но оказалось, что это лишь для тех кто занимается версткой.

[webartem]

Отличные эффекты, спасибо! Хотелось бы в следующий раз больше акцента на свойствах и значениях - в каких браузерах работает или нет (особенно мобильных), как работают при других значениях и тому подобное. И в начале поменьше воды)

[vragina]

Во втором примере можно было изменить позиционирование по оси Y, увеличив значение top. Тогда можно и без изменения размера шрифта и без его трансформации обойтись.
Так же можно добавить background-size, чтобы и для других размеров шрифта можно было применить этот фон.
А в целом, спасибо - тема интересная.

[puhd]

Понравилось, побольше анимаций хотелось бы)

[nf]

Спасибо большое, сделайте еще больше таких фич

[MrVertu]

крутая фича, нужно иногда смотреть свойства css, авось что-то интересное да найду еще)

[reiserwasserman]

кстати, советую посмотреть загрузки ЦПУ при всех этих анимашках..

[murphy]

Информативное видео посмотрел скрафтил.

[brenor]

Очень голос знакомый, на юдеми купил курсы, пачкой сразу, это точно человек от туда...

[ПИ-СидоренкоДанил]

Прекрасное свойство, согласен. Но вот с кроссбраузерностью у него проблем куча. Если использовать -webkit-, то не вебкит браузеры не понимают его. Мой Yandexbrowser вообще отказывается воспринимать это св-во. Как быть с этим?

[grozniydave]

А что это за инструмент когда вы в папке на фото наводите, показывается размер, дата и сама фото как бы в модуле??

[deverloperfantom]

ВСЕ ГУД только походу данный шрифт только английский язык понимает? или можно любой другой просто поставить шрифт и все будет так же?

[deverloperfantom]

кто подскажет как анимировать шрифты в винде ))

[Aleksei_]

Первый эффект дался с трудностями все не так как на видео пока html{background: #fff;} не прописал не заработало и ещё пару стилей!

[davidsahakyan]

Так блэт можно до просто при background указать gif файл

[cracker]

Здравствуйте, а можно картинку волны png?

[sergeygrichanok]

А теперь открой это в IE, браузере, нет...’браузере’, которым все ещё пользуется огромное количество людей

[LuckyStilet]

Почему я еще не подписан на этот канал, что за бред?

[killerferplay]

Сидите за компьютерами зрение снижает 🤣, это все изза светлых тем бро пожалуйста смени тему