老师麻烦把这个blur模糊渐变距离能不能结合例子讲清楚一下可以?

老师麻烦把这个blur模糊渐变距离能不能结合例子讲清楚一下可以?

老师麻烦把这个blur模糊渐变距离能不能结合例子讲清楚一下可以?

正在回答 回答被采纳积分+1

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

2回答
好帮手慕夭夭 2020-02-15 11:58:20

同学你好,课程中老师的意思是这个阴影和元素整体看起来就像一个从黄色渐变到红色的效果。并不是所blur可以做渐变。或者你可以理解为,blur设置透明度,那么会让颜色从透明到不透明的一个渐变。

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕夭夭 2020-02-15 10:59:30

同学你好,可以理解为模糊度 ,如下:

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

在没有设置模糊距离时,10px的阴影显示的很清晰。

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

当设置模糊距离时,会发现阴影模糊了,如下:

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

建议同学自己写代码测试一下,可以按F12不断改变模糊距离的值,值越大,阴影越模糊:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 大白前端 #1
    那视频中怎么说到渐变,感觉视频中说的不清楚
    2020-02-15 11:03:04
  • 提问者 大白前端 #2
    涉及到内置阴影的时候讲到渐变
    2020-02-15 11:09:41
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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