页面里有一张图片，写 CSS 和 JS：鼠标移入图片时，1 秒动画旋转 180°。

You have an image on a page. Write CSS and JS so that on hover it rotates 180 degrees with a 1-second animation.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: easy

标签: ByteDance, CSS, Animation, Hover

目标岗位: Front End Developer, Frontend Engineer

目标公司: ByteDance

参考答案摘要

答案 核心： 用 CSS transition + transform: rotate() 做动画；JS 只负责在 mouseenter/mouseleave 切换 class（或直接用 :hover 也可以）。 方案 A：纯 CSS（推荐，最简单） .rot-img { display: inline-bl...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。