css-transitions 相关问题

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

你如何在display:none和display:block之间转换?

我试图延迟移动导航项目的出现(理想情况下不使用JS来延迟它们的外观),直到导航覆盖完全展开(0.4s)。有两种状态:1。非叠加状态:...

回答 2 投票 4

我可以为“网格列”制作动画吗?

我设置了转换:所有轻松输入1s;但是以相同的方式更改网格列的属性不适用于转换。有没有其他方法可以在这里使用动画?

回答 2 投票 3

css在浏览器调整大小时转换“触发器”

当你从移动设备首先通过媒体查询进入桌面时,我无法弄清楚如何避免执行css转换。我希望在悬停时进行转换,但也可以在你徘徊时......

回答 3 投票 2

CSS动画 - 0到100并返回0

我设置了一个下拉列表,以获得如下动画,当div打开时会发生这种情况:.locationDropdownList {position:absolute;上:83px;宽度:100%;背景:白色; z-index:...

回答 1 投票 0

CSS所有样式都应用于页面加载的转换

我有一些代码可以在悬停时为按钮设置动画,但是当我重新加载我的页面时,css会应用我在按钮和按钮文本上设置的1s过渡。我将过渡设置为......

回答 1 投票 3

translateX css对悬停的影响

我想对某些人应用translateX效果 headings titles. I've tested the code and it's working, but I've noticed a little problem when the effect is executed. The problem is related to ...

回答 2 投票 0

在悬停时使用过渡时如何使元素保持原位

使用以下方法时,如何使li元素不会移动:hover?将圆形和边界半径应用于li元素。我试过把ul容器做大,......

回答 1 投票 1

进入DOM的元素是否有流畅的CSS高度属性? Jank在使用Semantic-UI-React Transitions时发生

我不确定这是否是提出这个问题的适当场所;我考虑过软件推荐,但我想我先在这里试一试。我正在创建一个PWA,每次迭代我都会......

回答 1 投票 0

在悬停时旋转或旋转图像

我想知道如何在悬停时制作旋转或旋转的图像。我想知道如何使用CSS在以下代码上模拟该功能:img {border-radius:50%; ...

回答 4 投票 47


CSS转换不在jQuery模式上运行

这可能是我本周讨论的最难解决的问题。我正在从JSON动态加载数据并填充模态中的字段。作为用户体验的爱好者,我想要......

回答 1 投票 -1

是否可以在滚动上为flexbox元素设置动画?

是否可以在滚动时为Flex元素设置动画?我正在努力实现这个目标:https://codepen.io/Sergiop79/pen/bxjGEe,下面的元素(在flexbox中设计),要么是整个“行”,要么......

回答 1 投票 0

CSS / JS-在两个动画中分割图像

我很乐意使用CSS和JS为我的网页制作动画。我的第一个网页是由一个水平和垂直居中的图像组成的,我希望这个图片分成两个图像,一个上升...

回答 3 投票 -2

CSS:transform-origin

我在CSS中进行转换时遇到问题。 #test {height:100px;宽度:100px;背景颜色:红色; margin-left:100px; margin-top:100px; } #test:hover {transform:scale(2); ...

回答 3 投票 1

动画转换从三行菜单到交叉

我有一个三行动画菜单,当你点击它时会切换到一个十字架。首先,您看到三条线转到一条,然后切换到十字形。但我想跳过从三行到一行的步骤....

回答 1 投票 3

当使用过渡来抚育孩子时,div的平稳增长

尽管使用了转换,但以下代码的行为并不像我预期的那样,因此可能会有一些我无法理解的内容。理想情况下,单击按钮会将子项附加到id2 div ...

回答 2 投票 0

如何做全屏幕背景滚动组件

我正在试图弄清楚如何设置具有多个背景的全屏着陆页。我希望用户能够滚动一次并让下一个背景占据整个屏幕。一世 ...

回答 4 投票 -1

如何在MS Edge中修复跳转/捕捉CSS悬停效果

我使用Microsoft Edge(40.15063.674.0)/ Microsoft EdgeHTML(15.15063)和下面的代码遇到了一个奇怪的现象。正如预期的那样,当你用任何浏览器将鼠标悬停在黑匣子上时,它......

回答 1 投票 0

CSS Transition不使用white-space:nowrap和text-overflow:悬停时的省略号

我设置了一个白色空间:带有文本溢出的nowrap:某些文本中的省略号,当用户悬停时,它应该将空白值更改为正常。悬停代码工作正常,但我不能使......

回答 6 投票 0

如何直接将HTML / CSS动画保存到视频文件(AVI)?

没有屏幕录像机,是否可以直接导出,渲染或保存HTML CSS动画到视频文件?我也知道html文档中的SVG也可能是这个过程的一部分。一世 ...

回答 1 投票 1

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