使用*选择器为所有元素切换CSS转换按钮,可以通过以下步骤实现:
<button id="toggleButton">切换CSS转换</button>
.transformed {
transform: rotate(45deg);
}
document.getElementById("toggleButton").addEventListener("click", function() {
var elements = document.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
elements[i].classList.toggle("transformed");
}
});
以上代码将为所有元素切换名为"transformed"的CSS类。点击按钮时,所有元素将根据是否已经应用该类来切换转换效果。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云