小程序过渡动画求助

zang135579 发表于 2021-6-10 11:26

现在的效果是一个按钮，点击以后边框变色（从左到右），我的做法是用背景模拟边框，改变的其实是背景，因为有圆角，所以过渡刚开始的时候有点不自然（看最上面的图），想请问各位大佬，有什么好的思路没

JoseYue 发表于 2021-6-10 11:30

直接canvas做动画就完事了

潇洒三叔 发表于 2021-6-10 11:35

两个view重叠起来，然后让上面的view 往右移动。

静花水月 发表于 2021-6-10 11:37

用transition做，是不是这个效果http://www.100sucai.com/demos.php?id=1548131812

liangqz 发表于 2021-6-10 11:56

canvas直接套

cl19980429 发表于 2021-6-10 12:02

试试这个 https://cssfx.lovejade.cn/

nanaqilin 发表于 2021-6-10 13:00

Android程序还是Qt程序啊这个是

pzx521521 发表于 2021-6-10 14:52

本帖最后由 pzx521521 于 2021-6-10 14:53 编辑

写css 即可
<!DOCTYPE html>
<html>
   <head>
            <meta charset="utf-8">
            <title></title>
            <style>
                     .demo{
                           border: 2px solid#0069D9;
                           border-radius: 20px;
                           width: 100px;
                           height: 50px;
                           transition:border-top-color 2s ease, border-bottom-color 2s ease, border-right-color 1s ease 1s;
                     }
                     .demo:hover{
                           border-color: #34CE57;
                     }
            </style>
   </head>
   <body>
            <div class="demo"></div>
   </body>
</html>

xczy21 发表于 2021-6-10 16:06

直接2个一样大小的按钮，不一样的颜色图层叠加。

zang135579 发表于 2021-6-11 08:42

pzx521521 发表于 2021-6-10 14:52
写css 即可

兄弟，厉害了，差不多就是这个效果

页: [1]

吾爱破解 - 52pojie.cn's Archiver

小程序过渡动画求助