Box-shadow常被遗忘的一个参数——“spread”

早前在《CSS3 box-shadow》一文中详细介绍了Box-shadow的使用。他可以让我们轻松的实现盒子阴影效果,多个站点都有这方面的介绍,比如说:peterkroener.dedev.opera.comviget.com,本站中的《CSS3 制作Drop Shadow效果》也介绍了十几种阴影效果。但记得有一回在群里和朋友讨论这个属性时发生热烈的讨论。讨论的主题就是:

			box-shadow: 0 10px 10px #ccc;
		

			box-shadow: 0 10px 10px -10px #ccc;
		

这两种写法哪种是正确的。一开始我以为第二种是错误的写法,但找到相关教程,才恍然大悟,原来上面的两种写法都是正确的。为什么会造成这样的错误的想法呢?在我看来是我们把“box-shadow”中的第四个可选参数“扩展阴影半径——spread”给遗忘了。那么我们今天就一起来重点学习这个可选参数,让我们在今后的运用中不在把人家给忘了,因为忘了将会是你的损失。

首先我们一起来回忆一下其具体的语法:

			E {box-shadow: ??||}
			也就是:
			E {box-shadow:inset x-offset y-offset 
剩余70%内容付费后可查看
* 请输入阅读码(忘记阅读码?

如需转载,烦请注明出处:https://www.w3cplus.com/css3/css3-box-shadows-unnoticed-spread

如果文章中有不对之处,烦请各位大神拍正。如果你觉得这篇文章对你有所帮助,打个赏,让我有更大的动力去创作。(^_^)。看完了?还不过瘾?点击向作者提问!

赏杯咖啡,鼓励他创作更多优质内容!
返回顶部