الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> @keyframes color-change { from { background-color: red; } to { background-color: blue; } } @keyframes slide-horizontal { from { left: 0; } to { left: calc(100% - 100px); } } div { width: 100px; height: 100px; position: relative; border-radius: 10px; background-color: red; animation: 2s ease-in-out infinite alternate color-change, 2s linear infinite alternate slide-horizontal; } </style> </head> <body> <h1>CSS animation property</h1> <p>The animation property can be used to add one or more single animations, separated by commas.</p> <div></div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود