transition 相关问题

使用javascript或css将元素从一个状态设置为另一个状态。

无礼的问题。转换效果的过渡未应用

有人可以帮助我为什么不应用过渡吗？ html FRONT ]

sass transform transition

回答 1 投票 0

CSS转换：背景不起作用

大家好，我目前在使用过渡属性时遇到问题：背景。 “背景”一词是红色的，我不知道为什么它不接受它作为财产。 li {background：rgb（32，32，...

html css transition background-color

回答 2 投票 -1

[ 组件属性更改时，Firefox不进行动画处理，] >> 我正在SVG中创建一些动画的React组件。当我运行它[[在Chrome中，动画有效，但是当我在Firefox中运行时，不是。这里是一个例子： const [x, setX] = useState(0) useEffect(() => { setTimeout(() => { setX(100) }, 3000) }, []) return ( <svg width={500} height={300}> <g transform={`translate(${x}, ${0})`} style={{ transition: "3s all" }}> <rect width={50} height={50} x={0} y={0} fill={'#f00'} /> </g> </svg> ) 您可以看到它在Chrome中有效，但在Firefox中无效：https://codesandbox.io/s/gracious-ives-ykmfp 如果我在 g 中删除转换并在rect的x prop中直接进行更改，则该方法将在Firefox中可用，但我不想这样做。有帮助吗？我正在SVG中创建一些动画的React组件。当我在Chrome中运行该动画时，该动画有效，但是当我在Firefox中运行该动画时，该动画不起作用。这是一个示例：const [x，setX] = useState（0）useEffect（（）... 尝试将transform属性移至样式。它在FF中以这种方式对我有效：: <g style={{transform: `translateX(${x}px)`, transition: "3s all" }}> <rect width={50} height={50} x={0} y={0} fill={"#f00"} /> </g> https://codesandbox.io/s/musing-cdn-7eqg0 transform属性与transform CSS属性不同，尽管它可能会造成混淆（显然是两个will be merged）。而不是使用属性，而是将变换移动到样式属性： const [x, setX] = useState(0); useEffect(() => { setTimeout(() => { setX(100); }, 3000); }, []); return ( <svg width={500} height={300}> <g style={{ transform: `translate(${x}px, 0px)`, transition: 'all 3s' }}> <rect width={50} height={50} x={0} y={0} fill={'#f00'} /> </g> </svg> ); 演示：https://codesandbox.io/s/nifty-snowflake-664rk

reactjs animation svg transition

回答 2 投票 1

带有flex / grid包装器的vue过渡组项目移至左上角

我有这个： ]

vuejs2 flexbox transition css-grid

回答 1 投票 0

当我单击li上的（active，focus）时，我想将过渡添加到li的svg中

我在垂直菜单中有以下用于“ li”的代码。当我单击“ li”时，我要旋转svg，即li的子对象（而不是a。内的svg）。我需要为此编写的CSS代码是什么（不是javascript，...

css rotation transition

回答 1 投票 -1

子选择器不适用于转换

我遇到与以下相似的问题： hi hello 当我将以下CSS应用于...]]

css transition

回答 1 投票 0

当合并过渡和变换时如何避免对“悬停”产生“抖动影响？

我正在尝试将鼠标悬停在一个盒子上，同时使用转换和过渡来制作动画。主要思想是制作一个上下颠倒的文字（不可读），并且当鼠标移到上方时，文字将转换为...

html css css-transitions transform transition

回答 1 投票 0

渐变为黑色过渡

无论如何，是否可以通过淡化为黑色然后从黑色淡出到下一个屏幕来进行React Native导航转换？谷歌搜索了一段时间，我只发现了更改...的方法...]

javascript reactjs react-native transition react-navigation-stack

回答 1 投票 3

[CSS过渡在移动元素时不起作用

我有一个CSS元素/球，点击时我将其移至新坐标。这项工作有效，但是我正在申请的过渡似乎并未生效。球跳到新位置。但是我想要...

javascript css animation transition

回答 2 投票 1

如何停止动画过渡？

今天，我学习了如何添加关键帧，但是，当拥有2个具有不同比例的关键帧时，它不仅仅是过渡到一个比例，而是转换成另一个比例，而是过渡。怎么可以...

c# unity3d animation transition

回答 2 投票 0

使用Barba js，未加载其他脚本

我使用GSAP，ScrollMagic和Barba。没有Barba，一切正常，但是当我使用barba js时，其他脚本不会加载到newpage上。演示：https://webgrapher.life/test/about.html请使用汉堡包...

transition barbajs

回答 1 投票 0

推动视图控制器时快速背景色

我有两个白色视图控制器。当我尝试按下第二个视图控制器时，我注意到一个灰色的背景（基本上，它在过渡期间会更改alpha值）。是否有任何禁用此淡入淡出的技巧？ ...

swift uiviewcontroller transition

回答 1 投票 0

转换完成后更改悬停光标

我有一个菜单按钮，当我将鼠标悬停在它上面时，该按钮会向下滑动，从而带有所有菜单选项。因此，当过渡发生时，鼠标停留在同一位置，并且菜单选项移动了...

css transition

回答 1 投票 -2

JIRA-当所有状态都可以转到特定状态时，删除到相同状态的转换

在为我的一个Issue建模Jira Statusmodel时，我需要对从所有状态到特定Status的转换进行建模。但是我不想在那里循环，因为在相同的状态下不需要去...

jira transition status

回答 1 投票 0

Chrome和Opera中的SVG过渡问题

我有一个嵌入式SVG，我想在悬停时对其进行动画处理。当您将鼠标悬停后，它的外观应该会变大，并会使SVG反转。即原来是不透明的现在是透明的。完成了...

css google-chrome svg transition opera

回答 2 投票 0

传递大数据时，反应堆栈导航过渡的时间太长

我正在使用反应导航在不同屏幕之间导航，尤其是堆栈导航器。我在某些导航过渡上花费的时间太长了。此延迟可以...

react-native react-navigation delay transition

回答 1 投票 0

过渡弧时出错：属性d：预期的弧标志（'0'或'1'）

我到处都在寻找解决方案，我已经尝试了所有方法，但无济于事！当我单击以更新数据和饼图时，过渡无法正常工作并显示错误（错误：...

javascript d3.js svg transition

回答 1 投票 2

过渡弧时出错：属性d：预期的弧标志（'0'或'1'）

我到处都在寻找解决方案，我已经尝试了所有方法，但无济于事！当我单击以更新数据和饼图时，过渡无法正常工作并显示错误（错误：...

javascript d3.js transition

回答 1 投票 2

FireFox中的同步CSS3过渡不平滑

我正在尝试使用CSS3过渡创建选定的或悬停的菜单效果。我通过同时设置border-left-width和padding-left来实现此目的。边框增加了6px ...

firefox css3 css-transitions transition

回答 2 投票 1

如何在我的Flutter应用程序中向我的Flutter路线添加自定义转场

如何向Flutter路线添加自定义过渡？这是我当前的路线结构。类MyApp扩展了StatelessWidget {//此小部件是应用程序的根。 @override ...

flutter dart routes transition

回答 4 投票 10

transition 相关问题

最新问题