نحوه استفاده از تصاویر متحرک در طراحی وب

باید با css یا javascript کدنویسی بشه.

البته کتابخانه ها و نمونه کدهای آماده زیاد هست. مثل این مورد:

Animate.css

اگه css باشه میتونی بهش بگی، فلان انیمیشن رو برای این سلکتور، به مدت فلان میلی ثانیه انجام بده یا تکرار کن. که با keyframes و animation-name قابل انجامه:

/* The element to apply the animation to */
div {
    width: 100px;
    height: 100px;
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
}
 
/* The animation code */
@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
} 

مثال آنلاین

که این یه مثال ساده است. برای اطلاعات بیشت:

Css Animations