در این مثال، ما یک صفحه HTML ساده ایجاد کردهایم که یک دایره به عنوان لودینگ نمایش میدهد. این دایره با استفاده از CSS تنظیمات مخصوصی داده شده است تا به صورت یک انیمیشن چرخشی نمایش داده شود. متغیرهای CSS مثل border
, border-radius
, و animation
برای ایجاد این انیمیشن استفاده شدهاند.
شما میتوانید این کد را به وبسایت خود اضافه کنید و طبق نیاز تنظیمات رنگ و اندازه دایره را تغییر دهید.
اگر هنوز دوره طراحی سایت با HTML , CSS کامل و پیشرفته ندیدی بهتره از لینک زیر شروع کنی :