css-transitions 相关问题

CSS Transitions允许CSS值的属性更改在指定的持续时间内平滑发生。

将过渡添加到侧面导航栏

我有一个带有侧面导航栏的站点,该站点应通过右侧过渡,然后在您将其关闭时,它会过渡回该侧。即使我使用了这段代码,当我关闭时也可以使用...

回答 1 投票 0

矩形上平滑的CSS变换比例,保持均匀的边框

我有一个绝对定位的div,我希望在悬停时逐渐增大其大小(5s过渡),以使其成为相对定位的div的“边界”: ...

回答 1 投票 0

悬停时在动画中嵌套嵌套的div

导航栏链接,我一直在考虑对我正在设计的儿童网站的导航栏进行一些更改(现在不要介意它是否对用户友好/有吸引力),并考虑过使用图标,...] >

回答 2 投票 0

用css悬停外部div变换底部边框

我已经尝试了很长时间才能使其正常工作。 “ Mehr erfahren”下的“ line”应该从0%变为100%,但我从100%变为0%。谁能找到错误? / *调试* / .lwb-col {...

回答 1 投票 0

加载和悬停同一对象的相同属性的过渡时间不同?

我有一个具有“页面加载动画”的对象,我正在尝试在其上添加悬停过渡。两个过渡都使用相同的属性,例如背景色。我需要不同的时间...

回答 1 投票 0

如何制作浮动网站聊天按钮翻译

美好的一天!我正在尝试复制“浮动网站聊天按钮”的样式,当用户单击大按钮时,该按钮将消失,它将显示一些输入转换为聊天框...

回答 1 投票 0

是否有一种方法可以使javascript选择的项目的transition属性起作用?

如果使用javascript是选择器,是否可以在元素的两个状态之间进行平滑过渡?例如,我有一个元素,其类为click__box,其ID为clickBox。我可以...

回答 1 投票 0

使用CSS3触摸事件的悬停效果

我正在使用CSS3悬停和过渡来显示和隐藏图像。在移动设备上,我想对触摸事件使用相同的过渡。基本上,第一次触摸将执行悬停效果...

回答 2 投票 39

如何在SVG中将一个圆附加到另一个圆上?

我附加了一个jsfiddle示例,其中SVG可以正常工作,但是当我将其添加到我的角度html中时,两个圆圈都出现在不同的位置。

回答 1 投票 0

用户滚动查看时如何制作动画

我已经开始使用ReactJS构建网站,当视图滚动到时,我想使div元素动画化。我已经使用CSS关键帧添加动画,就像这样; .animateMe {...

回答 1 投票 1

如何使用Javascript或CSS淡出Django成功消息?

我正在尝试使用一个小的Javascript脚本淡出Django成功消息,但似乎无法使其正常工作。这是在我的base.html中:{%,如果消息为%} {%,消息为%%消息]

回答 1 投票 0

CSS过渡不会在模糊屏幕上开始

我正在使用react js。我尝试运行简单的代码:setTimeout(()=> {setTimeout(()=> {const element = document.getElementById('circle')element.style.backgroundColor = ...

回答 2 投票 0

将顶部设置为自动时触发CSS过渡

[我正在建立一个个人投资组合网站来展示一些项目,并试图实现以下目标:网站的屏幕快照显示在网站底部的卡片上,该网站的标题带有卡的标题]]

回答 1 投票 0

如何使用图像使用JavaScript停止和结束CSS转换?

[我在尝试用javascript实现简单的CSS转换时遇到了这个问题,当按下开始按钮时,它会根据关键帧的持续时间而移动和停止,并且...]]

回答 3 投票 0

如何制作div背景幻灯片?

我想使div的(仅包含文本)背景幻灯片从左向右滑动,我该如何做到这一点?我可以使用CSS过渡使其淡入,但无法弄清楚如何使其变形...

回答 1 投票 0

过渡文本,使下面的文本移动以为上面的文本腾出空间

我正在尝试使切换的描述滑动或淡入,而不是突然出现。我还想保留文本上下移动的功能,以适应具有...

回答 1 投票 0

CSS3:在div和文本上具有不透明度的悬停效果

由于该页面未公开,因此我无法共享此页面。但是,我想做的是在div和H4文本元素上都创建一个悬停效果。似乎对我没有任何帮助。这里'...

回答 1 投票 0

背面可见性在Firefox中不起作用(在Chrome中有效)

背面可见性在Firefox中不起作用(在Chrome中可用),我正在尝试制作一张信用卡表格,该表格翻转以显示cvc编号。但是在Firefox中根本没有显示背面,并且...

回答 1 投票 0

[1px带有转换的绝对定位元素的间隙:仅在Safari上翻译

[有一个全宽容器,其中包含位于容器内部居中的内部框。盒子内部有一个100%宽度的绝对定位盒子。在框中还应用了transform:...

回答 1 投票 1

React CSSTransition not ananiming

我想为我的Web应用程序中的一个盒子(淡入,淡出)设置动画。我正在为此使用react-transition-group。但是不知何故,动画无法正常工作。代码从“ react”导入React;从'...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.