要实现当鼠标放在图片上时图片会动，可以使用CSS和JavaScript来实现。
首先，在HTML中，将图片放置在``标签中，并为其添加一个唯一的ID。
然后，在CSS中，可以使用`transform`属性来应用动画效果。例如，可以使用`scale()`函数来缩放图片，或使用`rotate()`函数来旋转图片。可以使用`transition`属性来定义过渡效果的持续时间和类型。例如：
```css
#myImage {
transition: transform 0.5s ease;
}
#myImage:hover {
transform: scale(1.2);
}
```
这段CSS代码表示当鼠标悬停在图片上时，将图片放大到原始尺寸的1.2倍，过渡效果持续时间为0.5秒。
最后，在JavaScript中，可以使用`addEventListener()`方法来监听鼠标悬停事件，并在事件发生时应用动画效果。例如：
```javascript
var myImage = document.getElementById("myImage");
myImage.addEventListener("mouseover", function() {
myImage.style.transform = "scale(1.2)";
});
myImage.addEventListener("mouseout", function() {
myImage.style.transform = "scale(1)";
});
```
这段JavaScript代码表示当鼠标悬停在图片上时，将图片放大到原始尺寸的1.2倍；当鼠标移出图片时，将图片恢复到原始尺寸。
通过将上述CSS和JavaScript代码添加到HTML文件中，就可以实现当鼠标放在图片上时图片会动的效果。
