الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> @keyframes example { from { background-color: red; } to { background-color: blue; } } div { width: 100px; height: 100px; border-radius: 10px; background-color: red; animation-name: 3s ease-in-out infinite example; } </style> </head> <body> <h1>CSS animation property</h1> <p>The shorthand property "animation" allow you to set animation-duration, animation-easing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state, animation-name.</p> <div></div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود