css心脏的跳动
来源:互联网 发布:ios蜂窝移动数据图标 编辑:程序博客网 时间:2024/04/27 23:40
<img src="http://img.blog.csdn.net/20141018180949160?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSFRYX0hlbGxvV29ybGQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><!DOCTYPE html><html><head><title></title><style type="text/css">#heart { position: relative; width: 100px; height: 90px; -webkit-animation:htx 0.2s linear infinite;}#heart:before,#heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: red; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;}#heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%;}@-webkit-keyframes htx{to{-webkit-transform:scale(1.3);}}</style></head><body><div class="heart" id="heart"></div></body></html>
0 0
- css心脏的跳动
- css动画属性实现心脏跳动的小demo效果
- Unity Shader实现跳动的心脏
- 因为你是我心脏跳动的力量
- 图片自动放大缩小,模拟”心脏跳动”
- 纯css画一颗跳动的心
- 用css做一个跳动的心
- 使用css动画实现心的跳动
- CSS 文字跳动
- css 元素跳动代码
- 手机的心脏ARM
- 跳动的菜单
- 跳动的下拉菜单
- 跳动的菜单
- 跳动的菜单
- 跳动的球
- 跳动的字
- 跳动的文字
- Opengl---gluLookAt函数详解
- 闭包
- css动画演示
- html5笔记
- bad_weak_ptr的原因
- css心脏的跳动
- PartnerUtil多线程安全
- css渐变
- Ubuntu安装摄像头驱动
- css无限旋转
- spring and ssh 整合
- CSS优先级,优先级计算
- C语言中char * 与char[]详解
- QPSK信号调制与解调