HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ width:300px; height:200px; border:1px solid #000; background:green; animation: myAnimation 2s infinite; -webkit-animation: myAnimation 2s infinite; /* Safari 4.0 - 8.0 */ } @keyframes myAnimation { 50% {max-width: 150px;} } /* Safari 4.0 - 8.0 */ @-webkit-keyframes myAnimation { 50% {max-width: 150px;} } </style> </head> <body> <h1>CSS Animatable max-width</h1> <div></div> </body> </html>
OUTPUT
×

Save as Private