rotateY()
rotateY() 是 CSS 变换中的一个关键函数，用于使元素围绕其垂直的 Y 轴进行水平旋转，从而实现从左到右或从右到左的翻转效果。该函数是 CSS Transforms Module Level 2 规范的一部分，接受一个角度参数，支持度(deg)、弧度(rad)、圈数(turn)等单位，正值使元素右侧远离观察者，负值则相反。 要实现可见的三维旋转效果，必须在父元素上设置 `perspective` 属性以定义观察视角，较低的值使元素看起来更近，三维感更强。同时，通常需为子元素设置 `transform-style: preserve-3d`，确保其子元素也处于三维空间中而非被扁平化。 rotateY() 的典型应用包括：构建水平翻转卡片（通过结合 `backface-visibility: hidden` 和预旋转背面元素，实现悬停或点击时正反面切换）；创建3D图片轮播（将元素按圆柱体排列并控制整体旋转）；以及模拟书籍翻页效果（配合 `transform-origin: left center` 改变旋转轴心点，实现逼真的页面翻转）。在所有现代浏览器中均受支持。