لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: SVG Rollovers با CSS
Design the Web: SVG Rollovers with CSS
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
بیاموزید که چگونه رنگ و قابلیت مشاهده گرافیک SVG را با CSS تغییر دهید. در این قسمت از طراحی وب em> ، نویسنده Chris Converse نحوه کنترل خصوصیات عناصر SVG با CSS خارجی را نشان می دهد و گرافیک خود را در حالت رول به روز می کند. بعلاوه ، بیاموزید که چگونه چندین گرافیک SVG را گروه بندی کرده و آنها را با یک حالت چرخش کنترل کنید. پرونده های تمرینی این دوره برای همه اعضا رایگان است ، بنابراین وارد شوید و اکنون دنبال کنید.
سرفصل ها و درس ها
مقدمه
Introduction
پیش نمایش پروژه نهایی
Preview the final project
درباره پرونده های تمرینی
About the exercise files
1. طراحی پاسخگو ، اسکریپت های سفارشی و تشخیص پیمایش
1. Responsive Design, Custom Scripts, and Scroll Detection
گزینه هایی برای ترکیب CSS با SVG
Options for combining CSS with SVG
انتقال SVG به صورت HTML با HTML
Moving SVG inline with HTML
افزودن کلاس به عناصر SVG
Adding classes to SVG elements
ترکیب حالات CSS با SVG
Combining CSS hover states with SVG
گروه بندی عناصر SVG
Grouping SVG elements
کنترل عناصر SVG گروه بندی شده با CSS
Controlling grouped SVG elements with CSS
نمایش نظرات