10得票1回答
Twitter Bootstrap支持哪些过渡效果的类名?

Twitter Bootstrap支持哪些转换的类名?我只知道一个转换的类名,就是网站示例中使用的'fade'用于淡入淡出。 Twitter Bootstrap支持哪些其他类名的转换?

42得票7回答
CSS3转换不起作用

我无法使这个页面上的过渡效果生效,有人知道为什么吗?div.sicon a { transition: background 0.5s linear; -moz-transition: background 0.5s linear; /* Firefox 4 */ -w...

27得票3回答
使背景淡出/淡入

有没有办法使用CSS3来淡入淡出一个实心白色的 <div> 背景?内容应该保持可见,只有背景应该淡入淡出。 有使用CSS3过渡/变换的想法吗? 感谢您的帮助。

12得票1回答
在正弦路径上动画元素

我需要像上图所示的方式沿着正弦波曲线移动元素。我已经尝试了一些方法,但不是我想要的效果。 img { position:absolute; animation: roam infinite; animation-duration: 15s; } @keyfra...

9得票6回答
仅在页面加载时禁用CSS过渡效果

我有一个元素,当鼠标悬停时可以平滑地过渡其背景颜色。这个元素在很多页面中都有显示(包括首页),但在首页它具有不同的背景颜色。 div { border:1px solid; background-color:#fff; display:inline-block; ...

19得票2回答
使用CSS3过渡将背景图像覆盖一个RGBA颜色。

早些时候,我在Overlay a background-image with an rgba background-color上发了一个问题。我的目标是有一个带有背景图像的div,当有人将鼠标悬停在div上时,背景图像会叠加上rgba颜色。在答案中,提供了一个使用:after的解决方案:#th...

10得票3回答
CSS3卡片翻转:在变换结束时反面消失

我有一组简单的卡片,需要在点击时翻转。问题是,当翻转完成后,背面(蓝色)消失了。在动画返回正面时,它会在某种程度上显示出来。 我知道这可能是一个简单的解决方案和一些简单的东西,但也可能不是。我可以在Chrome(Canary)和Safari中重现结果。 我尝试过一些backface-vis...

26得票2回答
理解CSS中的cubic-bezier过渡属性

我有一个元素,其中包含一些幻灯片和菜单。 #wrap { position: relative; top: 0; transition: top 1.4s cubic-bezier(.49,.22,.52,1.35); } <div id="wrap...

7得票1回答
Tailwind在模态框内实现高度过渡效果

我有一个模态框(用React编写,但这并不重要),里面我想添加一个折叠菜单。我已经成功让折叠菜单上下滑动,但我的问题是模态框的高度基于折叠菜单的过渡效果瞬间跳来跳去。 有没有办法让模态框的高度与折叠菜单一起过渡地增加呢? 编辑:重述问题。

11得票6回答
仅使用CSS,在加载时没有转换效果。

我有一个自定义的复选框,它填充了边框、颜色等过渡效果,以及用于翻转的 3D 变换。如果复选框未被选中,则它看起来很好,可以在状态之间过渡得很好,但如果在 DOM 加载时给复选框设置了“checked”属性,则必须旋转到位,并且复选框在背面可见。 注意: 虽然我链接了 JsFiddle 让...