小程序过渡动画求助

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 即可

[HTML] 纯文本查看 复制代码

<!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 即可
[mw_shl_code=html,true]

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

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 小程序过渡动画求助

免费评分