无涯教程网

Css 可见性：隐藏 vs 显示：无 vs 不透明度：0

发布于02月06日

我目前正在着手一个动画项目.在该项目中，我将有超过40000个div和动画他们迭代.如果div中的任何一个处于被动状态(即至少在2秒内没有动画)，我将不会显示它们来提高动画性能.

问题是:哪个css属性最适合这种情况？

.passive1{
   display:none
}

.passive2{
    visibility:hidden;
}

.passive3{
    opacity:0;
}

如何测量渲染性能，如fps、GPU使用率？

推荐答案

答案发现here将回答您的第一个问题(很可能是display:none，因为空间完全塌陷了).

~~关于您的第二个问题，像this这样的工具可能会对您有用.~~但是，40,000 div听起来太多了，使用Canvas或SVG可能会有更好的性能(例如，使用KineticJS库来处理动画-变换、旋转、zoom 等).为了你.

Css相关问答推荐

沿浮动形状—面元素外路径将文字垂直居中""

如何根据屏幕宽度覆盖SCSS变量？

如何使用混合混合模式更改动画背景上的文本 colored颜色

如何有条件地设置元素的字体大小，只有在未明确设置父字体大小(即字体大小为继承)的情况下？

具有共享的自动调整列宽的多个 CSS 网格

在 React 中使用 CSS 动画 onClick()

没有 colored颜色 Select 器的 JavaFX colored颜色 Select 器

在 SVG 元素上方添加标签而不移动 SVG 元素

在revealjs/Quarto中定义一类反背景的幻灯片

通过css修改样式shadowroot元素

Bootstrap 类似乎没有任何作用

直观地指示 IFrame 内的表单正在提交，但没有 javascript

CSS背景位置从顶部的给定像素开始？

CSS如何防止键盘向上移动内容？

位置绝对混乱的 CSS Flexbox

如何让 Firefox 在文件更改时自动刷新？

如何使用 Gulp 复制多个文件并保持文件夹 struct

从样式设置为 % 的元素获取宽度(以像素为单位)？

为什么我的 div 边距重叠，我该如何解决？

仅当将 Div 悬停在上方时才显示滚动条？

实用课程推荐

相关教程推荐