box-shadow的遇坑经历记录
学前端两年了,可以说box-shadow这个属性我认识的比较早,但理解得比较晚,每每用到这位娇生惯养的“小公主”我都要好好百度一番,然后才能好好“伺候”她。
哇,不得不说我燥得很,这家伙的属性值参数实在太多了,记不住,记住又容易乱。
还不如乖乖做个笔记,好下回免了盲目百度,直接上这儿来找多好嘿嘿嘿~(滑稽脸挠头)
先贴一下w3c的文档
大概的内容上图都写了,我就记一下我比较容易乱的地方。
参数顺序
这个我太容易弄乱了,每次用都得看一遍文档。没一回是闭着眼睛直接写的(MD给自个弹10下脑瓜崩)
- 水平位移
- 垂直位移
- 模糊距离
- 阴影尺寸
- 颜色
- 内测阴影
1、2好理解,重点是要记住先水平后垂直,5、6也不用记,记住内侧阴影是最后一个就可以了。
主要平时比较容易弄乱3、4,对这两个概念的理解也比较模糊。有什么是一篇博客解决不了的事情呢!?如果有那就两篇!