-
- 爱慕攻城狮 2020-03-19
CSS3照片墙
box-shadow 给边框添加阴影；
position：absolute; position: relative;
z-index: 整数；设置元素的上下层显示顺序
transform: rotate(旋转角度） transform: scale（缩放倍数）
transition: duration 元素由1转变为2的过程
- 0赞 · 0采集
-
- pinzaghi 2019-11-04
color用来设置字体颜色，background可以设置背景颜色
- 0赞 · 1采集
-
- pinzaghi 2019-11-04
box-shadow控制阴影
-
截图0赞 · 0采集
-
- pinzaghi 2019-11-04
transition属性不是加在hover伪类上，而是加在原始的类别上
-
截图0赞 · 0采集
-
- pinzaghi 2019-11-04
CSS3需要添加浏览器的兼容
-
截图0赞 · 0采集
-
- pinzaghi 2019-11-03
transition表示元素由样式1变为样式2的过程所需的时间
-
截图0赞 · 0采集
-
- pinzaghi 2019-11-03
box-shadow属性可以给边框添加阴影效果
-
截图0赞 · 0采集
-
- 卷毛77 2019-02-06
角度与放大缩小倍数
transform:rotate(m) scale(n);
延长时间2秒
transition:2s;
- 1赞 · 1采集
-
- 卷毛77 2019-02-05
阴影box-shadow
-
截图0赞 · 0采集
-
- 卷毛77 2019-02-05
要考虑到兼容性
-
截图0赞 · 0采集
-
- 卷毛77 2019-02-05
transition：(用法之一)变化所需的时间
-
截图1赞 · 1采集
-
- 卷毛77 2019-02-05
transform：旋转与缩放
-
截图1赞 · 1采集
-
- 卷毛77 2019-02-05
z_index：上下层显示顺序
-
截图1赞 · 1采集
-
- 卷毛77 2019-02-05
position：定位
-
截图1赞 · 1采集
-
- 卷毛77 2019-02-05
box_shadow:添加阴影
-
截图1赞 · 1采集
-
- 错过了指尖悦动_0 2018-12-13
- 1
-
截图0赞 · 0采集
-
- elpsycongroo 2018-05-31
代码如图所示
- 0赞 · 1采集
-
- 慕码人7582592 2018-03-29
- 0赞 · 0采集
-
- 4个2 2018-01-21
- Trantrom:持续的时间
- 0赞 · 0采集
-
- 调皮的魔法少女李狗蛋儿 2017-11-05
- <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .mainDiv{ width:100px; height:100px; margin:100px auto; text-align: center; line-height: 100px; font-weight: bold; color:#ddd; background:#ddd; border:1px solid #ddd; -webkit-transform:rotate(0deg) scale(1); -moz-transform:rotate(0deg) scale(1); transform:rotate(0deg) scale(1); -webkit-transition:1s; -moz-transition:1s; transition:1s; } .mainDiv:hover{ -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transform:rotate(720deg) scale(2); background:#f00; } </style> <title>css3特效</title> </head> <body> <div class="mainDiv">您好</div> </body> </html>
- 0赞 · 0采集
-
- qq_忘记了樱花的颜色_0 2017-09-07
- box-shadow 阴影
- 0赞 · 0采集
-
- qq_羞涩的牵着手 2017-06-22
- box-shadow position z-index transform:rotate scale transition
- 0赞 · 0采集
-
- 雨中独秀 2017-04-15
- .mainDiv:hover{ background-color:red; color:#000; -webkit-transform:rotate(720deg) scale(2); }
- 0赞 · 0采集
-
- 小白的逆袭 2017-04-12
- -webkit-是Chrome和Safari浏览器的前缀 -moz-是firefox浏览器前缀
-
截图1赞 · 0采集
-
- Zhq9695 2017-04-07
- transition // 设置元素样式由1变为2
-
截图0赞 · 0采集
-
- Zhq9695 2017-04-07
- transform // 设置元素变形属性，旋转缩放扭曲等
-
截图0赞 · 0采集
-
- Zhq9695 2017-04-07
- z-index // 设置图片是第几层，z轴
-
截图0赞 · 0采集
-
- Zhq9695 2017-04-07
- position // 定位图片
-
截图0赞 · 0采集
-
- Zhq9695 2017-04-07
- box-shadow // 设置阴影
-
截图0赞 · 0采集
-
- New_Name 2017-03-28
- -webkit- 是Chrome 和 Safari浏览器的前缀 -moz- 是Firefox 浏览器的前缀
- 0赞 · 0采集
数据加载中...
开始学习
免费