box-shadow有点迷糊

box-shadow有点迷糊

老师的视频讲到3分钟的时候,box-shadow: a b c d e;讲到第三个和第四个分别是阴影距离和模糊度,但是菜鸟教程box-shadow: h-shadow v-shadow blur spread color inset;

blur    可选。模糊距离。    spread    可选。阴影的尺寸。  这块本来这两个就比较模糊,视频中讲过两次都是这么讲的,和菜鸟都不一样,所以更加迷糊了,老师,我应该如何理解?  


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好同学,第三个参数是设置模糊距离,也就是模糊度.第四个参数是设置阴影的尺寸。参考如下理解:

第三个参数模糊度为0的时候,那么阴影就不会有模糊的感觉。然后调整第四个参数,阴影的尺寸会变大,但是模糊度还是0

http://img1.sycdn.imooc.com//climg/5d25b8e90001eb0f08380234.jpg

http://img1.sycdn.imooc.com//climg/5d25b9460001dc0d08660240.jpg

当设置模糊度的时候,阴影就会有朦胧的感觉:

http://img1.sycdn.imooc.com//climg/5d25b98f0001eaa807840221.jpg

当模糊度比较大的时候,只是看起来阴影变大了,实际上只是模糊度发散带来的效果。

http://img1.sycdn.imooc.com//climg/5d25b9a300016bc808660234.jpg

当设置阴影尺寸,阴影才会真正的变大(对比上下两个图阴影,设置了尺寸后显示的效果还是有区别的哦):

http://img1.sycdn.imooc.com//climg/5d25ba1d0001e2f608750248.jpg

课程里面老师表达的确实有一些问题,老师会把问题进行记录,对问题进行处理哦。

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师