Write For Us

آموزش تغییر رنگ آیکون SVG با استفاده از CSS Filter ها

E-Commerce Solutions SEO Solutions Marketing Solutions
302 نمایش

  • سپاس! با دوستان خود به اشتراك بگذاريد!

    شما اين ويدئو را نپسنديديد! از بازخوردتان سپاسگزاريم

ava
Published
استفاده از آیکون SVG در طراحی‌های امروز بسیار مرسوم است. یکی از مواردی که بسیار مهم است، تغییر رنگ آیکون در زمانی است که کاربر نشانگر ماوس را بر روی آیکون قرار می‌دهد. در این ویدیو توضیح می‌دهیم که چطور، زمانی که آیکون به شکل external در صفحه HTML قرار گرفته است، در زمان هاور ماوس رنگ آن را تغییر دهیم.

https://skillvid.com/
https://instagram.com/skillvid_com

این ویدیو بر اساس این مقاله ساخته شده است
https://css-tricks.com/the-many-ways-to-change-an-svg-fill-on-hover-and-when-to-use-them/

ابزارهای مفید
https://codepen.io/cassie-codes/pen/561304e31eb955362b8d850d7eb7500e
https://codepen.io/cassie-codes/pen/46c5b9af3e9923138f950bcdd1dfc4af

ممنون از پیام صدری برای معرفی این صفحه. با این ابزار میشه توسط همون متد اول،‌رنگ دلخواهمون رو داشته باشیم
https://www.youtube.com/payamsaderi
https://codepen.io/sosuke/details/Pjoqqp/
دسته بندی
آموزش
برچسب
طراحی, طراحی سایت, طراحی وب سایت
وارد شوید یا ثبت نام کنید تا دیدگاه ارسال کنید.
اولین نفری باشید که دیدگاه ارائه می کند