css转换在while循环中不起作用

CSS转换在while循环中不起作用是因为CSS转换是由浏览器渲染引擎处理的，而while循环是在JavaScript引擎中执行的。CSS转换是应用于HTML元素的样式属性，而JavaScript控制的是页面的行为和交互逻辑。

在while循环中，如果需要改变元素的样式，应该使用JavaScript来操作元素的样式属性，而不是依赖CSS转换。可以通过JavaScript代码来修改元素的样式属性，例如使用element.style.transform来实现元素的转换效果。

以下是一个示例代码，演示如何在while循环中使用JavaScript来实现元素的转换效果：

// 获取需要转换的元素
var element = document.getElementById("myElement");

// 定义转换的初始值和增量
var angle = 0;
var increment = 10;

// 在while循环中执行转换
while (angle < 360) {
  // 使用JavaScript来修改元素的样式属性
  element.style.transform = "rotate(" + angle + "deg)";

  // 增加转换角度
  angle += increment;

  // 添加延时，以便观察转换效果
  setTimeout(function() {}, 100);
}

需要注意的是，在上述示例中，由于while循环是同步执行的，会导致页面卡顿，无法实时观察到转换效果。为了避免这种情况，可以使用setTimeout函数来添加延时，使得每次转换都有一定的间隔，以便观察到转换效果。

总结起来，CSS转换在while循环中不起作用，需要使用JavaScript来操作元素的样式属性实现转换效果。