Ховер эффекты svg с помощью currentColor

Как быстро сделать hover у SVG иконке, используя значение currentColor
Автор - Максим Лескин
👀 Подписаться на канал: bit.ly/3CoaLCL
🌍 Наш сайт: methed.ru/
😃 ВКонтакте: vk.me/methed
✈️ Telegram: t.me/methed_bot
хэштеги:
#methed #обучение #svg #верстка

[@user-zo6rp1xn8i]

В очередной раз спасли меня! Спасибо огромное за этот ролик

[@shavor1000]

Спасибо, понравилось) оригинально!

[@aleksandrreva6298]

Спасибо, за информативное видео)

[@daniilpostnov]

Круто, спасибо! Не знал про currentColor

[@my.methed]

Спасибо )

[@activegeek3030]

Согласен! Я тоже не знаю

[@mironlive]

дай Бог здоровья!

[@JavaScriptcher]

Красивше получилось!! :)) По JS уроков тоже надо!!

[@my.methed]

Спасибо :)

[@kostya4182]

Быстро, ясно и понятно. Спасибо тебе, я люблю тебя спаситель мой

[@ziglobe5639]

Спасибо, за полезный урок

[@my.methed]

Спасибо и вам!

[@jekagabrusevich6831]

Спасибо за видео. Хороший урок

[@my.methed]

Спасибо 💕

[@dimlivelong]

Классссно! Максим, как раз очень во время !!! Использовал инлайн svg анимацию иконок в своём проекте. Здорово!! Спасибо!!!

[@my.methed]

Спасибо )

[@GLUCKKKKKKKKKK]

Подтягиваю верстку благодаря тебе. Спасибо.

[@zohidmustafoyev2448]

гап йук, зур

[@Magic_key900]

Спасибо! Это видео помогло мне кое - что сделать правильно.

[@user-sg5cr4ml2i]

Спасибо за полезный урок!

[@my.methed]

Спасибо за поддержку!

[@dojd8910]

Спасибо реально годный урок

[@anatolymajorov4166]

Спасибо!

[@user-xs4mw1tw4k]

Спасибо огромное, на 6 минуте решил свой вопрос )))))))) , Все получилось )))

[@my.methed]

Супер, рады помочь)

[@user-yn8hb2gm7k]

Спасибо, досмотрел до 6:32 и уже помогло!

[@dark_knife8517]

ля то что хотел и больше даже узнал
спасибо огромное тебе и сохранил видео себе
такие новички как я, если вы не понимаете то остинте голову и зайдите снова и пересмотрите а если не понимаете даже так, то сначало прочитайте справочник по svg и снова смотрите что этот парень делает...
после 6:05 это уже допольнительно он показывает примеров для применение svg в коде, так что если вы опустили руку как я вчера, то позже попробуйте снова с свежим головой...

[@JavaScriptcher]

Говорят, что на следующей неделе новый интенсив будет?

[@my.methed]

Да, все верно.) информация будет в чате - t.me/methed_chat_frontend

[@activegeek3030]

Новый курс по svg графике и дизайну?

[@user-natyi]

По SVG графике на Ютубе целый курс был

[@my.methed]

Работа с svg верстальщика и дизайнера отличается. Можно рисовать svg конечно кодом, но это не просто, для этого есть иллюстратор от адоб.

[@dimendroider7550]

Вау! Максим был в кепке, а теперь в очках! Как посоветуешь? Может быть и мне очки приобрести??

[@maxleskin7444]

Это очки для защиты от синего, вроде должны помогать)

[@activegeek3030]

Скажи, а как сделать SVG иконки, если до сих пор попадаются заказчики которые предоставляют дизайн в виде PSD макета?
Что сказать такому заказчику?

[@maxleskin7444]

C PSD также можно вырезать svg, если дизайнер вставил их в этом формате. Если нет, то вырезаем png
Но я стараюсь найти такие иконки в svg формате в интернете

[@timkaop113]

а как сделать для stroke у svg(path)?

[@user-xk6dz8pb3s]

Как на svg добавить тень при наведении? У меня иконка типа кляксы (корявая), добавляется только на блок, хотя кодом вставляю svg

[@my.methed]

Тень для svg добавляетсяс помощью filter: drop-shadow()

[@user-abuzer-]

А если нет ""copy as svg"?

[@cryptoespresso7501]

Почему не сделать спрайт свг с иконкамм,и через якоря добавлять? Лишний код писать на каждую иконку

[@my.methed]

Всё равно currentColor использовать придется для того чтобы color применять
Если иконки дублируются, то конечно лучше спрайт

[@user-wj4pc7te1j]

А кто мешает fill в тексте оставить и менять его в css ?