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

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

Пікірлер: 42

  • @daniilpostnov
    @daniilpostnov2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

    Спасибо )

  • @activegeek3030

    @activegeek3030

    2 жыл бұрын

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

  • @shavor1000
    @shavor100013 күн бұрын

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

  • @aleksandrreva6298
    @aleksandrreva629810 күн бұрын

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

  • @mironlive
    @mironlive3 ай бұрын

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

  • @kostya4182
    @kostya41829 ай бұрын

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

  • @ziglobe5639
    @ziglobe56392 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

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

  • @GLUCKKKKKKKKKK
    @GLUCKKKKKKKKKK4 ай бұрын

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

  • @jekagabrusevich6831
    @jekagabrusevich68312 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

    Спасибо 💕

  • @JavaScriptcher
    @JavaScriptcher2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

    Спасибо :)

  • @dimlivelong
    @dimlivelong2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

    Спасибо )

  • @user-sg5cr4ml2i
    @user-sg5cr4ml2i2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

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

  • @zohidmustafoyev2448
    @zohidmustafoyev2448 Жыл бұрын

    гап йук, зур

  • @69fiftyfive
    @69fiftyfive9 ай бұрын

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

  • @user-xs4mw1tw4k
    @user-xs4mw1tw4k Жыл бұрын

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

  • @my.methed

    @my.methed

    Жыл бұрын

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

  • @user-yn8hb2gm7k
    @user-yn8hb2gm7k Жыл бұрын

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

  • @dark_knife8517
    @dark_knife85176 ай бұрын

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

  • @dojd8910
    @dojd8910 Жыл бұрын

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

  • @anatolymajorov4166
    @anatolymajorov4166 Жыл бұрын

    Спасибо!

  • @dimendroider7550
    @dimendroider75502 жыл бұрын

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

  • @maxleskin7444

    @maxleskin7444

    2 жыл бұрын

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

  • @user-natyi
    @user-natyi2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

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

  • @JavaScriptcher
    @JavaScriptcher2 жыл бұрын

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

  • @my.methed

    @my.methed

    2 жыл бұрын

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

  • @activegeek3030

    @activegeek3030

    2 жыл бұрын

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

  • @activegeek3030
    @activegeek30302 жыл бұрын

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

  • @maxleskin7444

    @maxleskin7444

    2 жыл бұрын

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

  • @timkaop113
    @timkaop1139 ай бұрын

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

  • @user-xk6dz8pb3s
    @user-xk6dz8pb3s Жыл бұрын

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

  • @my.methed

    @my.methed

    Жыл бұрын

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

  • @cryptoespresso7501
    @cryptoespresso7501 Жыл бұрын

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

  • @my.methed

    @my.methed

    Жыл бұрын

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

  • @user-abuzer-
    @user-abuzer- Жыл бұрын

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

  • @user-wj4pc7te1j
    @user-wj4pc7te1j8 ай бұрын

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

Келесі