لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: تصاویر Responsive SVG
Design the Web: Responsive SVG Images
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
هنگامی که شما به کنترل بیشتری بر تصاویر موجود در وب سایت ها و پروژه های تعاملی خود نیاز دارید ، گرافیک برداری مقیاس پذیر مکانی عالی برای چرخش است. تصاویر SVG مستقل از رزولوشن هستند ، به این معنی که از هر اندازه ای عالی به نظر می رسند و می توان آنها را با CSS دستکاری کرد. این قسمت از طراحی وب em> با کریس کنورسس ، طراحی امکانات ارائه شده با ترکیب گرافیک SVG با پرس و جوهای رسانه CSS را بررسی می کند. شروع به تماشای یادگیری نحوه ایجاد تصاویر پاسخگو SVG خود می کنید.
سرفصل ها و درس ها
مقدمه
Introduction
پیش نمایش پروژه نهایی
Preview the final project
درباره پرونده های تمرینی
About the exercise files
1. ایجاد تصاویر SVG پاسخگو
1. Creating Responsive SVG Images
اضافه کردن CSS به SVG
Adding CSS to an SVG
با استفاده از پرس و جوهای رسانه ای در SVG
Using media queries in an SVG
اضافه کردن کلاس و سبک برای نمادها
Adding classes and styles for symbols
نمایش و پنهان کردن گروه های سمبل
Showing and hiding symbol groups
نمایش نظرات