更多>
最新下载
24小时阅读排行榜
- 1 使用 Go 语言集成 Azure AD 实现单点登录（SSO）完整教程
- 2 Pandas 滚动窗口自定义函数应用：支持列名访问与灵活输出维度的高效方案
- 3 如何批量重命名多级子目录中的PDF文件（以所在操作员文件夹名为前缀）
- 4 如何在 Linux 下使用 Go 语言实时捕获系统音频流并进行 FFT 可视化
- 5 如何自定义复选框选中状态的背景颜色
- 6 如何在 Linux 下使用 Go 实时捕获系统音频流并进行 FFT 可视化
- 7 如何在 Angular 中通过 CSS 自定义复选框选中后的背景色
- 8 如何在 WooCommerce 中准确获取保存后的商品类型
- 9 CSS 动画首次点击失效的解决方案
- 10 Linux 文件系统从磁盘到应用的完整路径
- 11 Linux 系统启动变慢的常见原因分析
- 12 Linux 网络延迟升高的常见根因
- 13 CSS 动画首次点击失效？原因与解决方案详解
- 14 如何为多个下拉菜单创建可复用的选项值同步函数
- 15 如何在 Linux 上使用 Go 实时捕获系统音频流并进行 FFT 可视化
更多>
最新教程
-
- Node.js 教程
- 16453 2025-08-28
-
- CSS3 教程
- 1547277 2025-08-27
-
- Rust 教程
- 23546 2025-08-27
-
- Vue 教程
- 25948 2025-08-22
-
- PostgreSQL 教程
- 22453 2025-08-21
-
- Git 教程
- 9372 2025-08-21
CSS3红色爱心跳动动画代码
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
background: #ffa5a5;
/*
定义body 渐变，向页面。
*/
/*background: linear-gradient(to bottom, #ffa5a5 0%,#ffd3d3 100%);*/
}
.chest {
width: 500px;
height: 500px;
margin: 0 auto;
position: relative;
}
.heart {
position: absolute;
z-index: 2;
background: linear-gradient(-90deg, #F50A45 0%, #d5093c 40%);
animation: beat 0.7s ease 0s infinite normal;
}
.heart.center {
background: linear-gradient(-45deg, #B80734 0%, #d5093c 40%);
}
.heart.top {
z-index: 3;
}
这是一款基于css3 animation属性实现的CSS3红色爱心跳动动画代码，很有心跳感觉的爱心动画特效。
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
