小程序camrea组件上实现动画效果

微信公开课小程序热门讨论关于「小程序camrea组件上实现动画效果」的小程序开发问题
补充:小程序camrea组件上实现动画效果
展开:需求的场景描述（希望解决的问题）在camera组件上实现动画效果类似于微信扫一扫中的扫描线具体问题：在打开摄像头后，页面会出现一串随机码，随机码需要增加逐渐改变字体颜色的动画效果，在7s内结束我在微信开发者工具内实现了这个效果但是真机上不行具体代码如下：html：<coverviewclass=code{{colorful}}{{code}}<coverviewcss如下：:colorful{*渐变背景*background:webkitlineargradient(left,white,0f0);color:transparent;*文字填充色为透明*webkittextfillcolor:transparent;webkitbackgroundclip:text;*背景剪裁为文字，只将文字显示为背景*backgroundsize:200%100%;*背景图片向水平方向扩大一倍，这样backgroundposition才有移动与变化的空间**动画*animationiterationcount:1;*只循环一次*animation:maskedanimation7sinfinitelinear;}@keyframesmaskedanimation{0%{backgroundposition:00;*backgroundposition属性设置背景图像的起始位置*}100%{backgroundposition:100%0;}}希望提供的能力有没有什么好的方法在真机上实现这个动画效果即速小程序：原生组件不支持动画
更多有关「小程序camrea组件上实现动画效果」的讨论可以前往微信公开课小程序参与互动哦！了解更多