js使用css旋转

// 获取元素
var element = document.getElementById('myElement');

// 设置旋转角度
element.style.transform = 'rotate(45deg)';

/* 定义CSS类 */
.rotate-45 {
    transform: rotate(45deg);
}

// 获取元素
var element = document.getElementById('myElement');

// 添加CSS类以应用旋转
element.classList.add('rotate-45');

// 获取元素
var element = document.getElementById('myElement');

// 设置一个函数来改变旋转角度
function setRotation(degrees) {
    element.style.transform = 'rotate(' + degrees + 'deg)';
}

// 使用函数改变角度
setRotation(90); // 旋转90度

#myElement {
    transform-origin: center center; /* 或指定具体像素值 */
}

function animate() {
    // 更新旋转角度
    var degrees = (new Date().getTime() / 10) % 360;
    element.style.transform = 'rotate(' + degrees + 'deg)';
    
    // 请求下一帧动画
    requestAnimationFrame(animate);
}

// 开始动画
animate();