CSS3 animation-timing-function Property March 01, 2015 Get link Facebook Twitter Pinterest Email Other Apps <!DOCTYPE html> <html> <head> <style> p{ color:#fff; padding:10px; } div { width: 100px; height: 100px; background: #333333; position: relative; -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */ -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ animation: mymove 5s infinite; animation-timing-function: linear; } /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {left: 0px;} to {left: 200px;} } @keyframes mymove { from {left: 0px;} to {left: 200px;} } </style> </head> <body> <div><p>The animation-timing-function</p></div> </body> </html> Comments
Comments
Post a Comment