آموزش ایجاد SVG های Responsive در Illustrator و CSS

مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

• مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

ایجاد SVG های پاسخگو در Illustrator و CSS Creating Responsive SVGs in Illustrator and CSS

• طراحی اولین نماد Designing the First Icon

• تکرار نماد برای دو اندازه مختلف Replicating the Icon for Two Different Sizes

• ایجاد سند HTML Creating the HTML Document

• پاسخگویی چیدمان با CSS Making the Layout Responsive with CSS

• پاسخگو بودن SVG با CSS Making the SVG Responsive with CSS

• طراحی نشان "رضایت تضمین شده" Designing a 'Satisfaction Guaranteed' Emblem

• طراحی مرکز آرم Designing the Center of the Emblem

• تکرار نشان برای دو اندازه مختلف Replicating the Emblem for Two Different Sizes

• نوشتن HTML و CSS Writing the HTML and CSS

• پاسخگو بودن نشان Making the Emblem Responsive

• ساخت SVG تعاملی با افکت های شناور Making the SVG Interactive with Hover Effects

• ساخت SVG تعاملی با ماوس کلیک کنید Making the SVG Interactive on Mouse Click