Верстаем прозрачный текст на любом фоне HTML, CSS, React, TypeScript, Vite

В текущем видео, мы изучим как создать такой, просто изумительный эффект! Красоту невероятную.
P.S. На обложке не мар**уанна, мы с дизайнером обложки проверили!

🏰 Английский YouTube: @webelart_en

Ссылки используемые в уроке:

00:00 Введение.
03:17 Устанавливаем и запускаем проект.
06:00 Avif VS JPG
07:20 Разбираем вёрстку проекта.
10:20 mix-blend-mode.
12:40 прозрачный текста на любом фоне. background-clip.
15:40 сдвоенный белый текст.

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

[igorproshyn]

Рад что вы вернулись, очень жду ваших роликов так как сразу видно что вы профессионал!!!.

[ПолинаЛисица-вд]

Так обрадовалась, увидев, что у вас новое видео! Супер красивое решение, спасибо!
p.s. отлично выглядите, прямо светитесь!

[ДмитрийКрук-ут]

Вай вай вай, спасибо вам огромное, давно искал подробного урока))

[IT-Svyatoslav]

Супер 👍🏼! Благодарю Елена)
Пожалуйста, почаще радуй своим контентом и улыбкой 😊

[hairy_nose]

Заюзала, заиспользовала 😂 надеемся это все реализуют нативно и просто. Спасибо за материал!

[k-ivan]

Елена, большое спасибо за видео! Спасибо, что делитесь разборами реализации нестандартных штук.

[gregdmitriev]

Прикольно, красиво 👍👍 "P.S. На обложке не мар**уанна, мы с дизайнером обложки проверили!" - а я-то надеялся ! 😄😄
Весной фукал на проекты с TS. Теперь топлю за TS )) Лена, жги ! ))

[ВасилийАртимович]

Елена привет! А можете сделать короткое видео как развернуть зборку проекта как у вас: react, ts, vite, с обяснением конфигурации что использується.

[SVLeShiy]

Спасибо за видео. Свойство mix-blend-mode очень помогло сделать прозрачный текст у кнопки при наведении. Два дня пытался решить как )

[houston_np]

Про avif даже не знал. Везде webp в основном. Везде поддерживается. squoosh гугловский оч здорово помогает в оптимизации картинок, помимо модуля сайтик есть у них. Можешь рассказать, почему avif?

[TipAnswer]

Где можно глянуть твое выступление на holy?

[dsm]

Обновите пожалуйста SSL сертификаты на своем сайте. Смотрела пример через девтулз и сайт перестал работать, пишет про небезопасное соединение и не открывает ни одну из ваших ссылок

[ArtDen]

"Мой основной язык - React". Как сильно мало я знаю о языках программирования, как выяснилось. После этой фразы я понял, что нифига я не знаю о фронтенде