CSS 动画的使用需要一些基本的 HTML 知识。大家可以使用 HTML 中的<div>
标签来定义动画显示的区域,可以使用<p>
标签来定义文字、图片等内容,同时还需要引入 CSS 文件。
<!DOCTYPE html> <html> <head> <style> /*定义动画*/ @keyframes example { 0% {left:0px;} 100% {left:200px;} } /*应用动画*/ div { width: 100px; height: 100px; background-color: red; animation-name: example; animation-duration: 4s; } </style> </head> <body> <div></div> <p>这是动画的区域</p> </body> </html>
上述代码定义了一个简单的向右移动的动画,应用在了<div>
标签中,同时使用<p>
标签定义了一段文字。
通过 CSS 动画的应用,大家可以让页面更加生动有趣,吸引更多的用户前来访问。