【报Bug】css animation异常闪烁

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： BigSur 11.6

HBuilderX类型：正式

HBuilderX版本号： 3.4.15

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型： Mate30 pro

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<view>  
  <text class="txt animateBG">111111</text>  
</view>  
<style scope lang="scss">  
.txt{  
    font-size:12px;  
    font-weight: bold;  
    position: absolute;  
    top: 110rpx;  
    left:0;  
    padding:35rpx;  
    box-sizing: border-box;  
    width: 100%;  
    z-index: 9;  
    color: #fff;  
    text-shadow:5rpx 2rpx 6rpx #000;  
}  
.animateBG{  
    background-image:linear-gradient(to bottom, #39B55A , #8DC63E);  
    background-clip:text;  
    color: transparent;  
    background-image: url("/static/aefva-pj1xl.jpg");  
    background-repeat:no-repeat;  
    background-size:600rpx auto;  
    animation: animateBG 5s infinite alternate;  
}  
@keyframes animateBG{  
    0%{background-position-x:0%;}  
    100%{background-position-x:100%;}  
}  
</style>

操作步骤：

如上

预期结果：

不闪

实际结果：

页面滚动的时候，整块都闪

bug描述：

之前打包一直没事，更新了hbuilder后打包就异常了。
页面滚动的时候，整块都闪。
把css的animation去掉后就恢复正常了。

2022-06-25 17:19 负责人:无分享

0 个回复

该问题目前已经被锁定, 无法添加新回复

【报Bug】css animation异常闪烁

操作步骤：

如上

预期结果：

不闪

实际结果：

页面滚动的时候，整块都闪

bug描述：

0 个回复

公告

相关问题

【报Bug】css animation异常闪烁

操作步骤： 如上

预期结果： 不闪

实际结果： 页面滚动的时候，整块都闪

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

如上

预期结果：

不闪

实际结果：

页面滚动的时候，整块都闪