<!DOCTYPE html> <html> <head> <style> div{ position:relative; width:20%; height:100px; background-color:green; animation-name:changeBG; -webkit-animation-name:changeBG; /* for safari */ animation-duration:1s; -webkit-animation-duration:1s; /* for safari */ animation-iteration-count:5; -webkit-animation-iteration-count:5; /* for safari */ } @keyframes changeBG{ 0%{ left:0%; } 100%{ left:80%; } } @keyframes changeBG{ /* for safari */ 0%{ left:0%; } 100%{ left:80%; } } </style> </head> <body> <div>Web4College</div> </body> </html>
Run
×
Share