HTML网页端，跳动的爱心代码
warning:
这篇文章距离上次修改已过206天，其中的内容可能已经有所变动。
在HTML页面中创建一个跳动的爱心，可以使用HTML、CSS和JavaScript。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<style>
.heart {
width: 100px;
height: 100px;
background: red;
position: fixed;
animation: jump 2s infinite;
}
@keyframes jump {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div class="heart"></div>
</body>
</html>这段代码定义了一个心形的div，使用CSS的@keyframes规则创建了一个跳动的动画，通过改变transform: scale的值使心跳起来。animation属性设置了动画的持续时间和次数。
评论已关闭