HTML CSS examples for CSS Animation:Size
Change size in animation
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> @-webkit-keyframes anim {<!--from w ww. ja v a 2 s.c om--> 0% { width: 10%; } 100% { width: 50%; } } #target { -webkit-animation: anim 0.5s 1 ease-in-out; height: 200px; width: 50%; background: red; } </style> </head> <body> <div id="target"></div> </body> </html>