Верстаем прозрачный текст на любом фоне HTML, CSS, React, TypeScript, Vite
В текущем видео, мы изучим как создать такой, просто изумительный эффект! Красоту невероятную.
P.S. На обложке не мар**уанна, мы с дизайнером обложки проверили!
❤️ ❤️ ❤️ Крутой дизайнер, который предоставил макет / abduly_haidary
🍀 Поддержать канал: www.donationalerts.com/r/webe...
☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: webelart.com/illustration.
✍️ Мой telegram channel: t.me/webelart
🏰 Английский KZread: @webelart_en
💁🏼♀️ Инстаграм: / webelart
🦄 LinkedIn: / webelart
Ссылки используемые в уроке:
😌 Ссылка на git репозиторий github.com/liveldi/forest_layout
😌 mix-blend-mode свойство developer.mozilla.org/en-US/d...
😌 Статья на CSS tricks css-tricks.com/almanac/proper...
😌 Свойство background-clip developer.mozilla.org/en-US/d...
00:00 Введение.
03:17 Устанавливаем и запускаем проект.
06:00 Avif VS JPG
07:20 Разбираем вёрстку проекта.
10:20 mix-blend-mode.
12:40 прозрачный текста на любом фоне. background-clip.
15:40 сдвоенный белый текст.
На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.
Пікірлер: 32
Так обрадовалась, увидев, что у вас новое видео! Супер красивое решение, спасибо! p.s. отлично выглядите, прямо светитесь!
@webelart
Жыл бұрын
Полина, спасибо большое! Мне очень приятно!! 🌺
Рад что вы вернулись, очень жду ваших роликов так как сразу видно что вы профессионал!!!.
Супер 👍🏼! Благодарю Елена) Пожалуйста, почаще радуй своим контентом и улыбкой 😊
@webelart
Жыл бұрын
❤❤❤
Елена, большое спасибо за видео! Спасибо, что делитесь разборами реализации нестандартных штук.
@webelart
Жыл бұрын
Спасибо, что смотрите! Рада, что контент нравится! ❤
Заюзала, заиспользовала 😂 надеемся это все реализуют нативно и просто. Спасибо за материал!
@webelart
Жыл бұрын
Не то слово! 😁
Прикольно, красиво 👍👍 "P.S. На обложке не мар**уанна, мы с дизайнером обложки проверили!" - а я-то надеялся ! 😄😄 Весной фукал на проекты с TS. Теперь топлю за TS )) Лена, жги ! ))
@webelart
Жыл бұрын
Спасибо! 😄 Жгём!!! 🚀
Спасибо за видео. Свойство mix-blend-mode очень помогло сделать прозрачный текст у кнопки при наведении. Два дня пытался решить как )
Вай вай вай, спасибо вам огромное, давно искал подробного урока))
@webelart
11 ай бұрын
* давно искал подобный урок.
Спасибо за ваши видео!
@webelart
Жыл бұрын
❤❤❤
Елена привет! А можете сделать короткое видео как развернуть зборку проекта как у вас: react, ts, vite, с обяснением конфигурации что использується.
дождались
@webelart
Жыл бұрын
2 месяца! 👩🏼💻
👏👍
Выглядите очень хорошо)))
@webelart
5 ай бұрын
Спасибо! ❤️
Про avif даже не знал. Везде webp в основном. Везде поддерживается. squoosh гугловский оч здорово помогает в оптимизации картинок, помимо модуля сайтик есть у них. Можешь рассказать, почему avif?
Где можно глянуть твое выступление на holy?
С кроссбраузерностью нет проблем?
@webelart
Жыл бұрын
Если вы используете Internet Explorer, то возможно есть. Однако в прошлом я использовала маски, когда он был популярен, думаю даже для него можно решить. Я проверила safari, firefox и chrome. Отображается отлично :)
Обновите пожалуйста SSL сертификаты на своем сайте. Смотрела пример через девтулз и сайт перестал работать, пишет про небезопасное соединение и не открывает ни одну из ваших ссылок
@webelart
11 ай бұрын
Готово :) Спасибо, что напомнили.
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
"Мой основной язык - React". Как сильно мало я знаю о языках программирования, как выяснилось. После этой фразы я понял, что нифига я не знаю о фронтенде
@webelart
Жыл бұрын
Будьте внимательны. Реакт не является языком, это библиотека. Я там даже приписку сделала, чтобы не вводить в заблуждение. Но на реакте я разрабатываю с 2016 года, поэтому довольно долго. До этого либо чистый JS либо jQuery как навязка на события.
Спасибо, заюш_)