关于css样式box-shadow的一些好玩的变换样式,内置gif动态效果图
来源:互联网 发布:sap软件介绍 编辑:程序博客网 时间:2024/05/21 06:13
#a{
height: 110px;
width: 110px;
margin: 50px;
background-color: #FF0000;
transition-duration: 1s;
}
#a:hover{
height: 30px;
width: 30px;
margin:50px;
box-shadow: 40px 40px 0px 0px #FF0000,0px 40px 0px 0px #FF0000,40px 0px 0px 0px #FF0000,
80px 0px 0px 0px #FF0000,0px 80px 0px 0px #FF0000,40px 80px 0px 0px #FF0000,
80px 40px 0px 0px #FF0000,80px 80px 0px 0px #FF0000
}
#s{
height: 10px;
width: 50px;
margin: 100px 50px;
background-color: #00FF77;
transition-duration: 1s;
}
#s:hover{
box-shadow: 0px 20px 0px 0px #00FF77,0px -20px 0px 0px #00FF77;
}
#h{
height: 100px;
width: 100px;
margin: 10px 50px;
background-color: #000000;
border: 10px solid #FF0000;
transition-duration: 1s;
}
#h:hover{
height: 100px;
width: 100px;
margin: 10px 50px;
background-color: #FF0000;
border: 10px solid #00FFFF;
border-radius: 70px;
}
- 关于css样式box-shadow的一些好玩的变换样式,内置gif动态效果图
- CSS3 box-shadow div的阴影样式
- CSS特殊样式(六) box-shadow实现纸张的曲线投影效果
- 关于box-shadow一些迷惑的解决
- 关于CSS样式的一些小结
- 关于切换css样式的一些方法
- 关于h5-app的一些css样式
- css关于内置滚动条的样式修改
- 动起来!好玩的CSS抖动样式 – CSS Shake
- 动起来!好玩的CSS抖动样式 – CSS Shake
- box-shadow的一些特性
- 一些漂亮的CSS样式
- 一些简单的CSS样式
- css文本框的一些样式
- 前端的一些CSS样式
- css一些常用的样式
- 动起来!好玩的CSS抖动样式 – High一下
- 关于css样式的权重
- Simple Tips to follow Before You Quit Job
- USACO--3.1Stringsobits
- 4_SVN与Eclipse集成
- ant打包部署web工程
- iOS:UITextField中文输入法输入时对字符长度的限制
- 关于css样式box-shadow的一些好玩的变换样式,内置gif动态效果图
- ANT标签详解
- ListView滑动删除实现之二——scrollTo、scrollBy详解
- 2015阿里实习生面试
- 搜狗教你如何提升服务器端测试效率
- 数据科学的完整学习路径—Python版
- 使用mina当服务器进行纯文本消息或多媒体消息加密会话
- POJ 2115 C Looooops (线性同余方程)
- OC内存管理总结