ساخت کارت پروفایل شیشه ای(Glass Morphism) با | HTML CSS |

در این ویدیو قدم‌به‌قدم یک کارت پروفایل شیشه‌ای (Glassmorphism Profile Card) مدرن و چشم‌نواز می‌سازیم ✨

این نوع کارت‌ها توی سایت‌های حرفه‌ای، داشبوردها و پورتفولیوها خیلی استفاده می‌شن
ولی خیلی‌ها بلد نیستن تمیز و اصولی پیاده‌سازیش کنن.

توی این آموزش:
• ساخت کارت پروفایل شیشه‌ای واقعی
• پیاده‌سازی افکت Glassmorphism به‌صورت اصولی
• طراحی UI مدرن و کاربرپسند
• استفاده از HTML، CSS و JavaScript بدون فریم‌ورک
• مناسب نمونه‌کار و پروژه واقعی

اگر فرانت‌اند کار می‌کنی و دوست داری UI هایی بسازی که «به چشم بیان»،
این ویدیو دقیقاً برای توئه 👀🔥

---

⏱ Chapters:
00:00 نمایش نتیجه نهایی (Preview)
00:52 ساخت فایل‌ها
01:33 کدهای اولیه
01:45 ساخت کارت پروفایل
02:47 استایل‌دهی با CSS
08:03 ساخت آواتار
09:37 ساخت عنوان‌ها
15:15 ساخت دکمه‌ها

---

📅 برنامه کانال:
• سه‌شنبه و پنج‌شنبه: ویدیوهای آموزشی کوتاه (Shorts)
• شنبه: ویدیوی آموزشی بلند و پروژه‌محور

اگه ویدیو برات مفید بود:
👍 لایک کن
💬 نظرت رو بنویس
🔔 سابسکرایب کن که ویدیوهای بعدی رو از دست ندی

#frontend #glassmorphism #ui #webdesign #html #css #javascript

Видео ساخت کارت پروفایل شیشه ای(Glass Morphism) با | HTML CSS | канала AmirSTZ