305147337@qq.com
305147337@qq.com
  • 发布:2019-02-22 12:03
  • 更新:2019-08-14 11:35
  • 阅读:1388

uniapp里 使用 css3动画 没有效果 请教下 是不是哪里写错了

分类:uni-app

用定时器在2s后通过改变值来增加动画的类名 已经成功增加了类名 但是没有动画 求指点呀
<template>
<view>
<view class="aaa" :class="a==true?'hide':''">
</view>
</view>
</template>
<script>
export default {
data() {
return {
a: false,
}
},
onLoad: function() {
var self = this;
setTimeout(function(){
self.a = true;
},2000)
},
methods: {
},
}
</script>
<style lang="less">
.aaa {
width: 100upx;
height: 100upx;
background-color: rgba(12, 42, 52, 1);
opacity: 1;

    .hide {  
        animation: hide 1s infinite ease-in-out;  
    }  
}  

@keyframes hide {  
    0% {  
        opacity: 1;  
    }  
    100% {  
        opacity: 0;  
    }  
}  

</style>

2019-02-22 12:03 分享
已邀请:
wangzhe2163@163.com

wangzhe2163@163.com

uniapp支持css3吗?

DCloud_heavensoft

DCloud_heavensoft

这和uni-app无关。你发布到h5,要看浏览器是否支持。发布到小程序,要看小程序的webview版本。发布到app,要看手机os的webview版本。

wangzhe2163@163.com

wangzhe2163@163.com

楼主有用webview吗?似乎并没有

wangzhe2163@163.com

wangzhe2163@163.com

看来uniapp的CSS3效果是依赖手机webview的

要回复问题请先登录注册