当设置图像位置时，反应“样式化组件”和“反应动画”淡入触发滚动条 x 和 y 轴

编程问答 2022-08-07

问题描述

动画以某种方式触发 x 和 y 轴滚动，直到淡入动画结束。

进口：

  import styled,{keyframes} from 'styled-components'
  import { bounce,fadeInRight,rotateInDownRight } from "react-animations";

我用它来声明我的动画：

 const Fadein = styled.div`animation: 2s ${keyframes`${fadeInRight}`}`;

这是动画元素

   <Fadein><Image id={"support"} src={support_subject_image} /></Fadein>

CSS：

#support {
  float: right;
}

在设置动画对象的位置或浮动时总是会发生这种情况。

我所做的一切都是这样的：

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationcss-transitionsjavascriptreactjsreactjs