学习
实践
活动
专区
工具
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

11730
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

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

    总结CSS3新特性(颜色篇)

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

    468120

    扫码关注腾讯云开发者

    领取腾讯云代金券