HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ width: 100px; height: 100px; border: 1px solid #000; line-height: 6; text-align: center; animation: myAnimation 1s; -webkit-animation: myAnimation 1s; /* Safari 4.0 - 8.0 */ animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */ } @-webkit-keyframes myAnimation { from {border-radius: 0%;} to {border-radius: 50%;} } @keyframes myAnimation { from {border-radius: 0%;} to {border-radius: 50%;} } </style> </head> <body> <h1>CSS animation-iteration-count Property</h1> <div> Div </div> <p><strong>Note</strong>: This animation will run for infinite time.</p> </body> </html>
OUTPUT
×

Save as Private