Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 样式。可见性不允许元素执行动画？_Css_Angular - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 样式。可见性不允许元素执行动画？

Css 样式。可见性不允许元素执行动画？

css angular

Css 样式。可见性不允许元素执行动画？,css,angular,Css,Angular,我有两个函数可以隐藏并生成元素（Image），其id为“Brandish”： 现在我有了一个函数，它首先调用this.showBrandish（） 然后我有一个函数，调用.className='skillimage'，它根据@关键帧移动图像： this.moveSkillImage(); { if (this.chosenHero.skill.name === 'Brandish') { document.getElementById('Brandish').classN

我有两个函数可以隐藏并生成元素（Image），其
id
为“Brandish”：

现在我有了一个函数，它首先调用this.showBrandish（）

然后我有一个函数，调用
.className='skillimage'
，它根据
@关键帧移动图像：


this.moveSkillImage(); {
    if (this.chosenHero.skill.name === 'Brandish') {
        document.getElementById('Brandish').className = 'skillImage';
    }
}


最后我调用
hideBrandish（）


问题是我的动画没有被处理，而是我的图像被隐藏了。为什么会这样？
我想你是在寻找
不透明度
而不是
可见性
。对于
可见性
，在
隐藏的
和
可见的
之间没有定义的插值。我已经尝试过不透明度。仍然是相同的结果你能提供一个证明问题的例子吗？

this.moveSkillImage(); {
    if (this.chosenHero.skill.name === 'Brandish') {
        document.getElementById('Brandish').className = 'skillImage';
    }
}