当前位置: 首页 > 知识库问答 >
问题:

前端 - css怎么实现这样的效果,按压之后背颜色慢慢被覆盖?

公羊绪
2023-10-08

image.png红色圈出来的部分的颜色变化是怎么做到的?
视频我放到这里了https://www.bilibili.com/video/BV1zp4y1M7M4/?vd_source=b52b50...

共有1个答案

皇甫聪
2023-10-08

不知道你要的按压是不是手机上的按压,不过基本上原理相通,就是在触发的时候用 transition 来改变就了。

就比如这个用 a 标签来控制的 :hover:active 时的颜色变化

<a href="https://sf.gg">点下来</a>
a {    font-size: 18px;    color: #000;    transition: color 500ms linear;}a:hover {    color: #f00;}a:active {    color: #0f0;}
 类似资料: