Ховер эффекты svg с помощью currentColor
Как быстро сделать hover у SVG иконке, используя значение currentColor
Автор - Максим Лескин
👀 Подписаться на канал: bit.ly/3CoaLCL
🌍 Наш сайт: methed.ru/
😃 ВКонтакте: vk.me/methed
✈️ Telegram: t.me/methed_bot
хэштеги:
#methed #обучение #svg #верстка
Пікірлер: 42
Круто, спасибо! Не знал про currentColor
@my.methed
2 жыл бұрын
Спасибо )
@activegeek3030
2 жыл бұрын
Согласен! Я тоже не знаю
Спасибо, понравилось) оригинально!
Спасибо, за информативное видео)
дай Бог здоровья!
Быстро, ясно и понятно. Спасибо тебе, я люблю тебя спаситель мой
Спасибо, за полезный урок
@my.methed
2 жыл бұрын
Спасибо и вам!
Подтягиваю верстку благодаря тебе. Спасибо.
Спасибо за видео. Хороший урок
@my.methed
2 жыл бұрын
Спасибо 💕
Красивше получилось!! :)) По JS уроков тоже надо!!
@my.methed
2 жыл бұрын
Спасибо :)
Классссно! Максим, как раз очень во время !!! Использовал инлайн svg анимацию иконок в своём проекте. Здорово!! Спасибо!!!
@my.methed
2 жыл бұрын
Спасибо )
Спасибо за полезный урок!
@my.methed
2 жыл бұрын
Спасибо за поддержку!
гап йук, зур
Спасибо! Это видео помогло мне кое - что сделать правильно.
Спасибо огромное, на 6 минуте решил свой вопрос )))))))) , Все получилось )))
@my.methed
Жыл бұрын
Супер, рады помочь)
Спасибо, досмотрел до 6:32 и уже помогло!
ля то что хотел и больше даже узнал спасибо огромное тебе и сохранил видео себе такие новички как я, если вы не понимаете то остинте голову и зайдите снова и пересмотрите а если не понимаете даже так, то сначало прочитайте справочник по svg и снова смотрите что этот парень делает... после 6:05 это уже допольнительно он показывает примеров для применение svg в коде, так что если вы опустили руку как я вчера, то позже попробуйте снова с свежим головой...
Спасибо реально годный урок
Спасибо!
Вау! Максим был в кепке, а теперь в очках! Как посоветуешь? Может быть и мне очки приобрести??
@maxleskin7444
2 жыл бұрын
Это очки для защиты от синего, вроде должны помогать)
По SVG графике на Ютубе целый курс был
@my.methed
2 жыл бұрын
Работа с svg верстальщика и дизайнера отличается. Можно рисовать svg конечно кодом, но это не просто, для этого есть иллюстратор от адоб.
Говорят, что на следующей неделе новый интенсив будет?
@my.methed
2 жыл бұрын
Да, все верно.) информация будет в чате - t.me/methed_chat_frontend
@activegeek3030
2 жыл бұрын
Новый курс по svg графике и дизайну?
Скажи, а как сделать SVG иконки, если до сих пор попадаются заказчики которые предоставляют дизайн в виде PSD макета? Что сказать такому заказчику?
@maxleskin7444
2 жыл бұрын
C PSD также можно вырезать svg, если дизайнер вставил их в этом формате. Если нет, то вырезаем png Но я стараюсь найти такие иконки в svg формате в интернете
а как сделать для stroke у svg(path)?
Как на svg добавить тень при наведении? У меня иконка типа кляксы (корявая), добавляется только на блок, хотя кодом вставляю svg
@my.methed
Жыл бұрын
Тень для svg добавляетсяс помощью filter: drop-shadow()
Почему не сделать спрайт свг с иконкамм,и через якоря добавлять? Лишний код писать на каждую иконку
@my.methed
Жыл бұрын
Всё равно currentColor использовать придется для того чтобы color применять Если иконки дублируются, то конечно лучше спрайт
А если нет ""copy as svg"?
А кто мешает fill в тексте оставить и менять его в css ?