我在使用 Firefox 时遇到了一个小问题：当dom 上显示大的模糊元素时，一切都非常缓慢。
确保单击展开窗口，以便显示所有图像，否则动画将保持流畅。
我正在创建一个带有填充动画的回流事件来故意给浏览器施加压力，但整体交互是滞后的。
在像 CodePen 这样更复杂的网页上，FPS 更糟糕：https ://codepen.io/creaforge/pen/mLPqNg 即使没有触发转换编辑，这支笔也会显示一些性能问题（尝试选择代码块）
div {
background-color: #eaeaea;
transition: all .5s;
padding: 20px;
}
div:hover {
padding-bottom: 100px;
}
img {
filter: blur(40px);
}<div>Hover me --> slow animation</div><br/>
<img src="http://www.placecage.com/c/200/600">
<img src="http://www.placecage.com/c/200/610">
<img src="http://www.placecage.com/c/200/620">
<img src="http://www.placecage.com/c/200/630">
<img src="http://www.placecage.com/c/200/640">我正在创建一个网站，并且试图创建一个按钮来切换div元素的可见性。它现在对我有用，但我想向其中添加动画，但我无法将其完成。
我试图改变"block"到fadeIn()和"none"到fadeOut()，但没有奏效。
有任何想法吗？
function pcsh1() {
var x = document.getElementById("pc1");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}<button onclick="pcsh1()">Show / Hide PC 1</button>
<div id="pc1">
<textarea rows="2" cols="20" placeholder="PC Name" class="pcbox">PC Name: </textarea>
<textarea rows="2" cols="20" placeholder="Alignment" class="pcbox">Alignment: </textarea>
<textarea rows="2" cols="20" placeholder="Max HP" class="pcbox">Max HP: </textarea>
<textarea rows="2" cols="20" placeholder="Current HP" class="pcbox">Current HP: </textarea>
</div>当前的输出很棒，但我希望它具有动画效果。
我需要.aboutContent保持相同的尺寸，但是在缩小屏幕尺寸的同时要缩小左右的边距。
类似的示例：What’s on Spotify?Spotify 网站上的div框。
#about {
width: 1920px;
height: 500px;
display: flex;
}
.aboutContent {
width: 1250px;
height: 100%;
background-color: red;
margin-left: 20%;
}
<div id="about">
<div class="aboutContent"></div>
</div>
我试图让商品和价格之间的空格自动填充“...”
/* css missing */<ol>
<li><span class="item">Toast</span><span class="price">$1.55</span></li>
<li><span class="item">Eggs</span><span class="price">$2.12</span></li>
<li><span class="item">Bacon</span><span class="price">$3.25</span></li>
<li><span class="item">Short stack</span><span class="price">$4.00</span></li>
</ol>我已经有了通过浮动分隔元素的 css，但我不确定如何在两者之间添加点。这里有什么想法吗？我在想也许是一个边界底部，但不知道如何仅在项目和价格之间进行调整。