box-shadow的遇坑经历

10 篇文章 0 订阅

box-shadow的遇坑经历记录

学前端两年了,可以说box-shadow这个属性我认识的比较早,但理解得比较晚,每每用到这位娇生惯养的“小公主”我都要好好百度一番,然后才能好好“伺候”她。
哇,不得不说我燥得很,这家伙的属性值参数实在太多了,记不住,记住又容易乱。
还不如乖乖做个笔记,好下回免了盲目百度,直接上这儿来找多好嘿嘿嘿~(滑稽脸挠头)
先贴一下w3c的文档
在这里插入图片描述
大概的内容上图都写了,我就记一下我比较容易乱的地方。

参数顺序

这个我太容易弄乱了,每次用都得看一遍文档。没一回是闭着眼睛直接写的(MD给自个弹10下脑瓜崩)

  1. 水平位移
  2. 垂直位移
  3. 模糊距离
  4. 阴影尺寸
  5. 颜色
  6. 内测阴影

1、2好理解,重点是要记住先水平后垂直,5、6也不用记,记住内侧阴影是最后一个就可以了。
主要平时比较容易弄乱3、4,对这两个概念的理解也比较模糊。有什么是一篇博客解决不了的事情呢!?如果有那就两篇!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值