课程笔记
课程/CSS3/前端开发
CSS3绚丽照片墙
介绍
章节
问答
笔记
pinzaghi
2019-11-04
box-shadow控制阴影
截图
0赞 · 0采集
pinzaghi
2019-11-04
transition属性不是加在hover伪类上,而是加在原始的类别上
截图
0赞 · 0采集
pinzaghi
2019-11-04
CSS3需要添加浏览器的兼容
截图
0赞 · 0采集
卷毛77
2019-02-05
阴影box-shadow
截图
0赞 · 0采集
卷毛77
2019-02-05
要考虑到兼容性
截图
0赞 · 0采集
慕码人7582592
2018-03-29
0赞 · 0采集
小白的逆袭
2017-04-12
-webkit-是Chrome和Safari浏览器的前缀 -moz-是firefox浏览器前缀
截图
1赞 · 0采集
New_Name
2017-03-28
-webkit- 是Chrome 和 Safari浏览器的前缀 -moz- 是Firefox 浏览器的前缀
0赞 · 0采集
加油咯
2017-03-22
加特技
截图
0赞 · 0采集
加油咯
2017-03-22
考虑浏览器兼容性
截图
0赞 · 0采集
beyondgz521
2017-02-18
好
0赞 · 0采集
Sunshine_Zero
2017-02-15
-webkit- 是Chrome和Safari浏览器的前缀 -moz- 是Firefox浏览器的前缀
截图
0赞 · 0采集
weibo_临江牧_03580994
2017-01-30
1、transfrom:变化、旋转 transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:scale(1.2); 2、transition:动画 transition:1s;
0赞 · 0采集
weibo_临江牧_03580994
2017-01-30
tansition:ratate(90deg); trasform:
0赞 · 0采集
qq_喵呜我姓易_04380998
2017-01-25
知识重点
截图
0赞 · 0采集
qq_喵呜我姓易_04380998
2017-01-25
sssssssss
截图
0赞 · 0采集
甜甜圈1991
2017-01-07
box-shadow:10px 10px 15px #cccccc; /*上下 左右 阴影距离 颜色*/
0赞 · 0采集
甜甜圈1991
2017-01-07
/*-webkit-chrome和safari浏览器前缀 -moz- 是firefox浏览器的前缀*/
0赞 · 0采集
xihuannong
2016-12-13
css编程是在某个元素后面添加控件,比如image后加入box-shadow属性
0赞 · 0采集
未来强者
2016-12-01
ddd
截图
0赞 · 0采集
qq_不再见_2
2016-11-29
gukgujkjhkjhk
0赞 · 0采集
Anthonyxd
2016-11-25
要考虑浏览器的兼容性
截图
0赞 · 0采集
流光微凉
2016-11-15
z-index让当前照片在最上层显现
0赞 · 0采集
慕移动9513019
2016-11-14
llq
0赞 · 0采集
慕移动5893221
2016-07-19
-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg); transform:rotate(50deg); 旋转:度数大于0为顺时针。
0赞 · 0采集
木易涛童鞋
2016-06-26
transform:rotate(30deg); 顺时针旋转30° transform:scale(1.2); 放大1.2倍 transition:1s; 动画从样式1到样式2的时间 box-shadow: 10px 11px 12px 13px #ccc; 盒子阴影 -webkit- 谷歌内核 -moz- 火狐内核
0赞 · 0采集
七寒谷
2016-05-11
要点小结:<br> 1.照片墙的样式仅初始位置和初始角度不同,处理方式是给每个img一个class类名,单独设置不同样式,相同样式写在img和img:hover(鼠标移上去的效果)里<br><br> 2.样式宜采用外部链接方式<link rel="stylesheet" href="css/base.css(当css文件夹与html处于同一层级时这样写)" /><br><br> 3.rotate(Xdeg),顺时针X为+,逆时针X为-<br><br> 4.transform和transtion都需要注意浏览器兼容性:-webkit-、-moz-<br><br> 5.transtion不止控制鼠标移上去这一个动画,而是控制所有动画的,所以transtion要加在要变化的元素的基本样式上 6.z-index属性设置照片上下层叠放,其中img:hover里的z-index值要比img中大<br><br> 7.box-shadow阴影效果放在img:hover中<br><br> 8.给img添加一个盒子将其设置为相对定位,img设置为绝对定位
2赞 · 0采集
fmaple
2016-04-22
transform:rotate(30deg); 顺时针旋转30° transform:scale(1.2); 放大1.2倍 transition:1s; 动画从样式1到样式2的时间 box-shadow: 10px 11px 12px 13px #ccc; 盒子阴影 -webkit- 谷歌内核 -moz- 火狐内核
0赞 · 0采集
四叶草姑娘
2016-03-06
浏览器兼容性
截图
0赞 · 0采集
米诺斯
2015-12-13
-webkit-是Chrome和Safair浏览器的前缀 -moz-是Firefox浏览器的前缀
0赞 · 0采集
数据加载中...