css-transitions 相关问题

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

FireFox中的同步CSS3过渡不平滑

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

firefox css3 css-transitions transition

回答 2 投票 1

使用CSS更改按钮内容：从右到左的文本

我想有一个按钮，如果有人将鼠标悬停在该按钮上，它会在更改内容。我已经讲过了。但是，我不知道如何获得想要的结果。我想让它动起来。当...

html css css-animations css-transitions

回答 1 投票 1

CSS过渡不适用于Javascript

我确定我在这里犯了一个菜鸟错误，但是我整天都在研究这种解决方案，而且我似乎无法理解为什么下面的代码无法正常工作。用例是一个可以打开...的按钮。

javascript css css-transitions

回答 3 投票 1

如何在单击输入元素ReactJS时使用CSS过渡

我是ReactJS的新手，并且从未在CSS中使用过React中的任何动画。我正在尝试使用CSS转换焦点输入的宽度，但无法解决。以下是我的JSX和CSS ...

css reactjs css-transitions react-transition-group react-animations

回答 1 投票 0

在显示和隐藏元素列表时，页面其余部分上的平滑Nuxt / Vue过渡

我得到了一个网格项目列表，并在“查看更多”和“查看更少”之间进行了切换。单击“查看更多”按钮后，将显示所有列表。点击少看，只有3个项目是...

javascript vue.js css-transitions nuxt.js vuejs-transition-group

回答 1 投票 0

在滚动时在标题上添加平滑过渡

向下滚动时，我试图在标题上添加效果。基本上，我想在滚动时更改标题的颜色。我做了一个小的javascript代码来做到这一点，但我也想添加一个...

javascript jquery scroll sass css-transitions

回答 1 投票 0

防止子级触发悬停

html css css-transitions

回答 3 投票 1

如何为每个类分配不同的CSS转换值？

。buttons> * {过渡：转换700毫秒； } .buttons> .one.closed {转换：translateY（-10vh）; } .buttons> .two.closed {变换：translateY（-20vh）; } .buttons> .three ....

javascript css css-transitions

回答 1 投票 0

转换和过渡在iOS Safari中不起作用

当用户单击该div时，我做了一个简单的页面，在“ card” div元素上显示短信。我研究并发现CSS类可用于使div看起来像是从前面翻转到...

css safari css-transitions transform mobile-safari

回答 1 投票 0

将过渡添加到侧面导航栏

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

javascript html css css-transitions nav

回答 1 投票 0

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

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

css css-transitions css-transforms

回答 1 投票 0

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

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

html css css-transitions

回答 2 投票 0

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

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

css hover css-transitions transition onhover

回答 1 投票 0

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

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

css css-transitions

回答 1 投票 0

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

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

jquery html css css-transitions css-animations

回答 1 投票 0

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

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

javascript css css-transitions

回答 1 投票 0

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

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

css mobile css3 css-transitions

回答 2 投票 39

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

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

css svg css-transitions css-transforms

回答 1 投票 0

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

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

css reactjs css-transitions

回答 1 投票 1

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

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

javascript html css css-transitions

回答 1 投票 0

css-transitions 相关问题

最新问题