<style>
.heard {
width: 300px;
height: 300px;
margin: auto;
animation: heart-beat 1s ease infinite;
}
.heard:before {
position: absolute;
content: '';
width: 100px;
height: 150px;
background-color: red;
border-radius: 59px 55px 0 0;
transform: rotate(45deg);
top: 30%;
left: 42%;
}
.heard::after {
position: absolute;
content: '';
width: 100px;
height: 150px;
background-color: red;
border-radius: 59px 55px 0 0;
transform: rotate(-45deg);
top: 30%;
left: 30%;
}
@keyframes heart-beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
</style>
<div class="heard"></div>
使用animation画hua❤
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 来源：Airfei 链接：http://www.jianshu.com/p/1e2b8ff3519e 最近在技术群...
- 官方介绍Animation使用 我看了一下官方文档，但是无奈我的理解能力不够好，跑了好多次还是看不见炫酷的动画效果...
- 实现：按钮在其他部分显示完之后再显示。（这里用到的是 动画开始之前的延迟animation-delay 和 透明度...
