Меню з цікавим ефектом при наведенні. HTML CSS JAVASCRIPT. Як це зробити?

У цьому уроці покажу як зробити меню з цікавим ефектом при наведенні. HTML CSS JAVASCRIPT
🌲 Будиночкі для ретриту Hytte
☝️ Пам'ятайте про промокод FREELANCER - знижки до 5000$
👉 bit.ly/hyttefreelancer
‼️ Канал з практикою @codeonly
‼️ Безліч корисних майстер-класів HTML CSS/SCSS JS FIGMA
Курси:
🟢 Курс з верстці: edu.fls.guru/
🟢 Курс з JavaScript: edu.fls.guru/js.html
🟢 Платні майстер-класи: master.fls.guru/
Завантажити готовий код (Patreon): / 76231590
❤️ Стати спонсором каналу: / @freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
👉 @СЛУШАЙ! Канал с интересными историями из жизни.
👋 Мене звати Женя Андріканич, я IT - спеціаліст. Більше 10ти років займаюсь розробкою сайтів.
Перейняти досвід: / freelancerlifestyle
#навчання #верстка #фрілансерпожиттю
🤟 Живи, а працюй у вільний час! ©

[@FreelancerLifeStyle]

Вчимося! 🟢 Курс з верстці: edu.fls.guru/ 🟢 Курс з JavaScript: edu.fls.guru/js.html

[@vitalik3890]

Це так приємно слухати Українською!!! Вау!!! Зовсім інше сприйняття!)))

[@kurtdl1400]

Жень, не знаю прочитаешь ты это или нет, но всё же скажу. Канал у тебя просто офигенный, очень помогаешь людям по всему миру развиваться в программировании. Я сам из Беларуси и давно тебя смотрю, за многие непонятные моменты спасибо тебе, после твоих видео всё становится на место. Очень жаль видеть что просмотры сильно упали. Я отлично понимаю украинский язык, поскольку наши родные языки очень похожи. И я понимаю твоё решение вести канал на твоём родном языке, но прошу, не дай каналу умереть, ты просто даже не представляешь, скольким людям ты помог выбраться из жопы. Я сам сейчас активно ищу работу, чтобы не лезть во всякую залупу и иметь возможность помогать людям. В этом есть и твоя заслуга. Поэтому желаю удачи тебе и твоему каналу, ну и жду видео по Webpack, очень хочется посмотреть именно на твоём канале))

[@ruslan_lwow79]

Євген ТОП спеціаліст, ТОП наставник/вчитель, та ще й ЛЮДИНА з принципами і поняттями, а не так як деякі "какая разница" і "мне так удобна"...Я більш ніж впевнений що за деякий час ПЕРЕГЛЯДИ на каналі будуть більшими аніж раніше з російською озвучкою!!! Українськомовний Ютуб в трендах. Так що все буде добре і все буде Україна!!

[@user-mv8bu5jy2n]

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

[@FreelancerLifeStyle]

Супер! Дуже радий!

[@user-sp9gh1sj7c]

Спасибо Вам большое за Вашу работу🙏

[@alexdemch]

Дякую за ролик, та за те що перейшов на українську!

[@11174071]

дуже круто бачити інформацію про підтримку ЗСУ під час обрання ваших курсів я дуже хочу щоб у вас все було ок дякую це велика справа, чимало знайомих кодять і лишаються свідомо в Україні + стабільно відправляють донейти волонтерам і це також завдяки вам, ваша думка важлива ще раз дякую

[@uadesignschool]

О, поставив 700ту вподобайку. Приємно))

[@venenen_khedel1709]

Топова анімація. Велике дякую) Успіхів тобі!)

[@haskvel]

Лайк, комент одразу, потім перегляд. Музичка, в кінці, топ.

[@edwardjones7951]

Омг, на українській ❤ дивлюсь вас ще з самого початку ваших пригод в ютубі і оце натикнувся на нові відео, просто топ❤❤❤❤

[@U-nieskladovaje]

Блін, а я заўсёды думаў, мяўляў, як стварыць гэты эфект з тэкстам. Зараз зразумеў! Дзякуй за цудоўнае відэа :)

[@sashko_sh]

Аааа! Я в захваті від таких відосиків) Дякую, Євген)

[@Ukr_sunflower]

Дякую за відео! Можете сказати коли приблизно плануєте випустити перші уроки по React?

[@user-cm1zp9ws9v]

Огромное спасибо за ваш труд! Ваши обучающие видео очень помогают перейти от книжной теории к реальным прикладным примерам и проектам.

[@serhii_marchenko]

Як завжди інформативне відео. Дякую за можливість навчитися чомусь новому. Вчуся по твоїх відео, починаю вивчати js, та потроху верстаю портфоліо. Бо на даний момент не виходить взяти заказ на фрілансі на саму верстку. :( -------- Взагалі вчив python і django (бо знайомий працює використовуючи ці мови) зробив невеличкий генератор паролів... І якось дивлячись відео на ютубі побачив твоє, де ти говориш, що обирати потрібно те, що подобається. Так і зробив обрав front end, тут кожні уроки цікаві і якось цікавіше як для мене.(+ Добре знаю фотошоп ) Бо в бекенді якось завжди спати хотілося при вивченні :) ---------- Якщо буде така можливість, то дуже хотілося побачити як саме потрібно робити резюме. А також дуже цікаво побачити сам процес(спілкування з замовником,), як отримуєш замовлення з фрілансу і виконуєш його. ---- Насправді дякую за відео. Вони без води дуже інформативні.

[@olehpastovenskyi6441]

Чудовий відос, дякую своя хата це круто.

[@skemap]

Дуже гарно виглядає! Дякую величезне за ідею

[@const6185]

Спасибо тебе!

[@user-hu1mk4tw2q]

Супер!!

[@berry_v1bes]

Спасибо тебе 🥰

[@khurshidbekabidov3043]

спасиьр тебе огромное

[@StarkElessar]

Євген, дякую за данний відос!! І навіть за рекламу, прикольний будинок ти прорекламував, дуже стильний!

[@FreelancerLifeStyle]

Дякую

[@user-zq5iy8dr4j]

Круте відео, дякую!

[@syrko3812]

Дякую!

[@frosya10]

55 комент, 555лайк)). Прикольно. Класний ефект, дякую))

[@maksymtyshchenko7084]

Круто! Дякую.

[@ilgul9177]

Круте відео. Побільше б таких корисних та цікавих відео. Спробую імплементувати цей ефект у наступному проекті. Слава Україні!

[@FreelancerLifeStyle]

Героям Слава! Більше практики тут kzbin.info/door/DdztHV_bNaPE1mPp7LbTNg

[@whoisleshalight8514]

гениально, +100 к js)))

[@bee0to1million]

Чудо

[@afk531]

Что делать, если при установке темы в Sublime text выдает ошибку Unable to download "название темы". Please view the console for more details

[@olyaohrimenko7701]

Добрий день) Порадьте, будь ласка, як краще працювати: тільки з частковою або повною передоплатою чи можна з післяплатою?

[@timpuyda1378]

Чотко

[@andrewmr8239]

Круто

[@Xyjail]

Дякую)

[@user-lk6iq3wx8z]

Привіт! Я вчусь по твоєму гайду, і дійшов до sass, але у мене проблема з prepros, він создає свої css файли, коли я пишу код в scss а потім його зберігаю, то він компелірує в сss але змін ниякіх нема, фон не міняється, колір тексту теж, що робити?

[@FreelancerLifeStyle]

Якщо 7ма версія то там трохи інші шляхи до файлів

[@Jewelerus.]

👍👍👍

[@valentynbilan]

круто, дуже дякую за матеріал! :)

[@eugenij9449]

козаче, ти крутий ведучий, може тобі влоги почати вести? бо ти цікаво розповідаєш, приємно слухати

[@kotlancer]

Полезное видео, большое спасибо !

[@alonahilbert9959]

Тепер я хочу будиночок на природі😇 Євгене, дякую за чудове відео👍🌻

[@alexbelon3410]

Дякую за твою працю. Скажи, будь ласка, чи мав ти справу з variable fonts? Чи нормально вони взаємодіють зі збіркою Gulp при фоматуванні у woff? P.S. Цвяшок, а не гвоздик))

[@FreelancerLifeStyle]

Дякую, поки не мав, теж цікаво, гдяну

[@abdugafurov5927]

Коммент в поддержку

[@user-xv7sh6lp7o]

👍

[@antonvterkovsky]

Доброго дня,Євген! Рідко пишу коментарі, але вам дійсно вдячний за якісний контент - на ньому фактично і вчуся!!!. Я свічер-дідок(легко так за 30-ть))), хоча сім'я думає, що я вже того(далеко від розуму), що вирішив поміняти професію. В мене 2 прохання: 1.Зняти свіже відео про мотивацію для таких свічерів як я(чи вообше варто робити розворот в такому віці,які є ризики,як долати страхи) і 2.Чув,що заікалися про Wordpress і React - розумію,що на контент потрібно час(а зараз його дуже мало) - порадьте може ваших знайомих з хорошим контентом по навчанню по даних темах - буду дуже вдячний.

[@yg13days33]

Фрілансер, привіт, якщо є можливість і знаєш як, зроби ролик про м`який скрол типу в ефетком затримки, дуже цікава тема, а на неї немає толкового туторіалу, і в більшості це відео про плавний перехід до якорю, але цікаво як реалізувати конкретно скрол плавний

[@serhiysevruk8879]

Привіт👋 Яка в тебе клавіатура?)

[@v.menshov]

Супер! Дякую за детальне пояснення по JS 👍

[@albert_shermatov825]

Здравствуй. Вопрос к тебе. Какое у тебя зрение? Ухудшилось ли твое зрение из-за многого зависания перед монитором? Ухудшилось ли твое здоровье из-за того, что много сидишь?

[@anastasiiapliuta1720]

Дякую, дуже круто😍

[@VovadjoSenseii]

Все так продумано цікаво як.

[@faster-than-light]

Дуже привабливе меню. Аж собі захотілось заверстати))

[@nazar695]

Дуже крутий ефект! Дякую за відео, робота неймовірна!

[@user-ip1gt9gi9j]

Як же чудово чути українську мову, і чудове відео)

[@user-ji3hl4ft9v]

Відео супер!!!!!🎉 дякую!!! Хтось може пояснити, навіщо ми пишемо null на 6/16 стрічках?

[@valeriimartyniuk8719]

Респект за Українську мову

[@user-ii9fz3be1r]

Дякую вам за вашу працю!

[@skiwqv1183]

дякую за урок, було дуже цікаво!

[@getFrontend]

Все сподобалось окрім самого коду, де одна функція вкладена в іншу функцію, в яку в свою чергу вкладено ще одну функцію..( що це зайвий каскад foo1(); function foo1() { foo2(); function foo2() { foo3(); function foo3(){ } } }

[@Oksana-fitnes-trainer]

Дякую за корисне відео , а будиночки теж класні..👍👍👍

[@vampir4ik100]

Дякую за детальний розбір JS коду)) зараз як раз вивчаю методи та функції, поки розв'язуємо задачки. А тут ти показуєш як їх потім можна використорувати в роботі))

[@user-fk6hi2ty6u]

Привет , смотрю твои давно твои ролики , ты очень классный чел и круто обьясняешь. У тебя очень многонациональная аудитория , люди из Украины , Казахстана , Молдовы , Беларуси , и всего СНГ. Я из Молдовы , и у нас тут мовой не дуже пользуются . В связи с этим возникают некоторые трудности в понимании информации . Не знаю насколько это возможно обратно вернуть формат роликов на русском языке. Но если есть такая возможность то русскоязычные люди , которые живут по стечению обстоятельств в государствах помимо Расеи , были бы очень благодарны. Спасибо тебе за твой труд!!!

[@FreelancerLifeStyle]

Ніколи російської не буде

[@ArabicLang.online]

@@FreelancerLifeStyle я з Мордора, але дуже добре тебе розумію і з повагою відношусь до рішення викладать лише українською, якой став розмовляти дівлячись україномлвни новіни з початку війни. Може це просто для мене, тому що бабуся розмовляла на неї (на південно-західній Білорусі). На жаль, там зараз майже зовсім не засталося людей, які використлвують свою білоруську мову або українську, старі повмирали, а молодь "рузке мир" мізки роз'їдає... Тому так важливо збеоігати своє. Дякую тобі, Євген, за твою працу будь якою мовою, ти найкращий викладач щодо фронтенду та верстки!

[@user-lk8cy2cd6m]

Привет! Как тебе идея снять видео про кроссбраузерность? Думаю многим будет интересно.

[@DenisRashupkin]

Дякую тобі за працю. Я вчусь безкоштовно по твоєму курсу. В мене прохання. Будь ласка, а можно приклади з використанням БЕМ та SASS/SCSS.

[@FreelancerLifeStyle]

На каналі дуже багато майстер-класів з верстки

[@Kasper__cat-]

Дякую❤️

[@maksymstarodubtsev6704]

Українська лайк, підписався

[@omarkertis5294]

В css нет отцовского элемента, есть родительский

[@BagautdinARTs]

Здравствуйте , я предлагаю вам сотрудничать . Я занимаюсь дизайном . Делаю красивые , яркие и заметные превьюшки. Они будут более кликабельными и вы сможете привлечь к себе новую аудиторию . Если заинтересованы предложением , я могу скинуть работы и ценник

[@sartjhon3300]

Вроде должно быть красиво, много заморочек, но несколько раз просмотрел момент ховера, так и не заметил движения навстречу. Текст моментально меняет цвет. Вряд ли кто то увидит что то кроме заполнения фона сверху или снизу, хотя это заполнение и выглядит интересно. За урок спасибо )

[@FA1F.W]

...робимо позишн абсолют батькивскиму элементу©️ прикольно украинский звучит в смешании с it-сферой. Сравнивая с песенкой ой там на горі - кажется что два разных языка

[@eugenesmith9940]

қазақша сөйлейсің бе?

[@ALF_Lagom]

Надо перезалить остальные видео на украинском языке

[@user-sx6yq3ze7r]

Дякую тобі. Дуже доходчиво, цікаво та без зайвої "води" зроблено відео.