box-shadow有点迷糊
老师的视频讲到3分钟的时候,box-shadow: a b c d e;讲到第三个和第四个分别是阴影距离和模糊度,但是菜鸟教程box-shadow: h-shadow v-shadow blur spread color inset;
blur 可选。模糊距离。 spread 可选。阴影的尺寸。 这块本来这两个就比较模糊,视频中讲过两次都是这么讲的,和菜鸟都不一样,所以更加迷糊了,老师,我应该如何理解?
1
收起
正在回答
1回答
你好同学,第三个参数是设置模糊距离,也就是模糊度.第四个参数是设置阴影的尺寸。参考如下理解:
第三个参数模糊度为0的时候,那么阴影就不会有模糊的感觉。然后调整第四个参数,阴影的尺寸会变大,但是模糊度还是0
当设置模糊度的时候,阴影就会有朦胧的感觉:
当模糊度比较大的时候,只是看起来阴影变大了,实际上只是模糊度发散带来的效果。
当设置阴影尺寸,阴影才会真正的变大(对比上下两个图阴影,设置了尺寸后显示的效果还是有区别的哦):
课程里面老师表达的确实有一些问题,老师会把问题进行记录,对问题进行处理哦。
祝学习愉快,望采纳。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星