阴影模糊半径与阴影扩展半径是以什么为参照的？
西风潇潇
2015-08-22 22:09
阴影模糊半径与阴影扩展半径，这两个概率不怎么懂，模糊半径和扩展半径是以哪个距离为标准来移动或扩大的呢？
比如：box-shadow:4px 4px 6px 6px #666;
这里阴影模糊半径为6px,怎么理解?是指阴影向右（下）移动4px像素基础上，在向右（下）移动6px吗（即模糊效果是在4px基础上在向外扩展6px）？
阴影扩展半径为6px, 也是这样的吗？在阴影模糊半径的基础上，再向外延展6px?
求解？
4回答
-
- chengiar
- 2016-03-18 20:16:24
画一个圆你就明白了。
假设这个圆的半径是50px，spread-radius为5px，blur-radius为5px。
如果没有blur-radius，那么阴影部分就是宽度为5px的一个圆环，外径55px，内径50px。
再加上blur-radius的话，那么阴影部分就是从内径到外径的一个渐变。外径圆上没有阴影，内径圆上阴影最重。而当blur-radius！=spread-radius时，就是渐变的移位和扩展。你可以在浏览器里用审查元素，一个个的改变blur-radius的值，这样可以更直观的看到变化。
-
- 慕丝7279871
- 2016-12-19 16:27:07
就跟卵毛一样，毛的长度和卵的体积
-
- zhangcl
- 2016-01-29 16:24:46
阴影模糊半径是指阴影的边缘模糊程度，至于为什么是以px为单位，说实话我也不清楚，总之数值越大，边缘越模糊。楼主可以多测试一下，知道了结果告诉我一下。。。
阴影扩展半径很好理解的啊：
你可以认为，阴影是一直存在的，如果不设置box-shadow属性，那么这个阴影是和本体重合的，所以看不到。
当设置了box-shadow的x,y偏移量，这个阴影就被从本体中移出来了一部分。
再来说说扩展半径，就是在阴影上增加一个类似于padding的东西，当然这个padding可以是负值。表现为阴影的宽高变大或者缩小。
-
- echo_kinchao
- 2015-08-24 11:21:30
一个是模糊的程度 一个是体积的大小 就好比我的手毛是模糊的话 模糊程度就是我手毛的长度 阴影半径就是我身材多胖
十天精通CSS3
242554 学习 · 2623 问题
相似问题