Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> @keyframes move { from { offset-distance: 0%; } to { offset-distance: 100%; } } div { width: 60px; height: 60px; background-color: #8ebf42; offset: path("M 100 100 L 300 100 L 200 300 z") auto; animation: move 4s linear infinite; } </style> </head> <body> <h2>Offset property example</h2> <div></div> </body> </html>