您当前的位置: 首页 >  Java

命运之手

暂无认证

  • 3浏览

    0关注

    747博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Javascript】【UI】懒人技巧:通过filter实现通用背景hover,active状态切换

命运之手 发布时间:2019-08-07 11:31:05 ,浏览量:3

一般网页中的按钮会对应三张背景图片,normal状态,hover状态,active状态 如果每个按钮都要设计三张图片,编写三种样式,会消耗很多时间 当我们对背景状态切换没有特殊需求时,可以通过filter来实现一个通用的状态切换功能


button {

    &:hover {
        filter: brightness(0.95);
    }

    &:active {
        filter: brightness(0.85);
    }
}

在这里插入图片描述 只需几行代码,就可以省掉所有按钮的hover,active样式代码!

关注
打赏
1654938663
查看更多评论
立即登录/注册

微信扫码登录

0.0390s