آموزش ساخت انیمیشن Responsive و تعاملی با SVG در CSS

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

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

ساخت انیمیشن پاسخگو و تعاملی با SVG در CSS Making a Responsive and Interactive Animation with SVGs in CSS

• راه اندازی پروژه انیمیشن ما Setting up Our Animation Project

• آماده سازی SVG ها برای CSS Making SVGs Ready for CSS

• معرفی Sass برای نوشتن بهتر CSS Introducing Sass for Better CSS Writing

• تنظیم صحنه و وارد کردن نمودارهای ما به HTML Setting up the Scene and Importing Our Graphics into HTML

• ساخت صحنه با قرار دادن و مقیاس گذاری SVG ها Building the Scene by Placing and Scaling the SVGs

• متحرک کردن پیشینه ما Animating Our Background

• متحرک سازی زیردریایی Animating the Submarine

• ساخت مدرسه ماهی Making a School of Fish

• تعامل با ماهی Interacting with the Fish

• تبدیل انیمیشن ما به یک بازی مبتنی بر لمس Turning Our Animation into a Touch-based Game

• سرو کار داشتن با پشتیبانی مرورگر جزئی و نیست Dealing with Partial and Nonexistent Browser Support