首页
学习
活动
专区
工具
TVP
发布

【动画消消乐】HTML+CSS 自定义加载动画 064(currentColor的妙用!)

为什么背景色需要设置为currentColor呢? 首先需要知道currentColor属性 currentColor代表了当前元素被应用上的color颜色值。...简单理解: CSS里可以在任何需要写颜色的地方使用currentColor这个变量,这个变量的值是当前元素的color值。...在这里设置了span的color属性为白色,所以背景色也就是color属性的值:白色 设置color为白色是为了使得阴影为白色(之后会使用span的阴影) 在后面步骤中将说明如果不使用currentColor...疑问解答 如果将span、span::before、span::after的背景色不设置为currentColor,而是直接设置为white(白色) 效果则是 ?...为了使span、span::before、span::after的背景色也随之变化,故使用currentColor参数,使得span、span::before、span::after的背景色保持和color

31130
您找到你想要的搜索结果了吗?
是的
没有找到

总结CSS3新特性(颜色篇)

这两位与上边两位的区别在于后边的a(alpha)透明度; 透明度为0-1之间的数值,0为全透明,1为全不透明,利用透明度可以做出很多好看的效果 一个简单的例子(当然了- -这个例子不算好看) 上例中用到了一个类似于变量的单词(currentColor...[大小写不区分]) currentColor可用于所有设置颜色属性的地方....取值为当前元素的color属性值,如果没有,寻找父级,一直到根元素,如果都没有设置的话,不要担心,还有浏览器代理的默认颜色. w3官方有一个简短的解释,如果元素color属性值为currentColor...的话,则视为 ‘color:inherit’; 比较实用的一个地方就是,设置元素边框颜色,颜色(color),等等属性时,只需设置颜色(color);后续更改时也只需修改一处,子元素也可直接继承使用currentColor

749120

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券