如何重置a帧光标的不透明度动画
How to reset opacity animation for A-Frame cursor
在我将光标的不透明度从1动画到0后,我在重置光标的不透明度时遇到了麻烦。我结合了2个动画属性:材质。不透明度和比例。scale属性将在动画和材质之后重置大小。不透明度则不会。实际上,光标会消失,直到click事件再次被激活。
<a-entity camera look-controls>
<a-entity cursor="fuse: false;" position="0 0 -1" scale="0.01 0.01 0.01" geometry="primitive: ring" material="color: #fff; shader: flat">
<a-animation begin="click" attribute="material.opacity" fill="none" from="1" to="0"></a-animation>
<a-animation begin="click" easing="ease-in" attribute="scale" fill="backwards" from="0.01 0.01 0.01" to="0.1 0.1 0.1"></a-animation>
</a-entity>
</a-entity>
A-Frame文档指出none的fill属性会在动画完成后"将值重置为初始值",但这并没有发生。
我正在用三星Galaxy 7测试Android 6.0.1版本的Chrome浏览器,用iPhone 6+测试iOS 9.3.2版本的Safari浏览器。
文档可能关闭。尝试设置fill="backwards"
.
或者,创建两个动画,一个用于mouseup
,一个用于mousedown
。
相关文章:
- Greenstock不透明度动画从0到1再返回
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- 悬停不起作用时对不透明度更改进行动画处理
- jQuery淡入淡出/动画不透明度到不同的显示类型,然后阻止
- 在Raphael JS中,不透明度:0和开始动画到不透明度:1之间的延迟
- jQuery动画仅在动画期间更改不透明度
- JQuery 悬停函数不透明度动画
- 与其他变换函数异步制作不透明度动画
- AngularJS中的CSS不透明度动画
- 在导航栏上切换不透明度动画
- Jquery/Javascript不透明度动画滚动
- 延迟关键帧每定义的时间,并保持不透明度0动画后
- 输入字段值不透明度动画
- 不透明度动画应该很容易?(javascript)
- 如何停止多个不透明度动画队列?(jQuery)
- 如何重置a帧光标的不透明度动画
- Ng展示摆动DOM不透明度动画
- Jquery传输不透明度动画冲突
- CSS z-index在不透明度动画期间改变
- 为什么图像不透明度动画在Firefox和Chrome中运行顺畅,但在Safari中却不行