<!DOCTYPE html> <html> <head> <style> div{ background-color:red; animation-name:changeBG; -webkit-animation-name:changeBG; /* for safari */ animation-duration:2s; -webkit-animation-duration:2s; /* for safari */ width:100%; height:100px; } @keyframes changeBG{ 0%{ background-color:red; } 50%{ background-color:green; } 100%{ background-color:blue; } } @-webkit-keyframes changeBG{ /* for safari */ 0%{ background-color:red; } 50%{ background-color:green; } 100%{ background-color:blue; } } </style> <body> <div>Web4College</div> </body> </head>
Run
×
Share