CSS3 动态照片是一个使用 CSS3 技术制作出来的动态图片效果。通过 CSS3 中的 transform 属性和 transition 属性，可以使普通的图片以不同的动画效果呈现，增强页面的交互性与设计感。下面将介绍如何制作 CSS3 动态照片。

首先，在 HTML 文件中添加图片的 img 标签，并添加类名 class="photo"。

<img src="photo.jpg" class="photo" />

然后，在 CSS 文件中为该图片类名定义样式，设置其宽高、position 属性，以及 transform 属性和 transition 属性。

.photo {
width: 300px;
height: 200px;
position: relative;
transform: scale(1);
transition: all .4s ease-in-out;
}

其中，transform: scale(1) 是设置图片缩放的初始状态，transition: all .4s ease-in-out 是设置缓慢的动画过渡时间。

接下来，为该类名添加:hover 伪类，并改变它的 transform 属性，使图片产生动态效果。

.photo:hover {
transform: scale(1.2) rotate(7deg);
}

此时，当鼠标悬停在图片上时，图片就会发生缩放和旋转的动态效果。可以根据实际需求设定各种不同的 transform 属性值，创建出独特醒目的动态照片效果。

综上所述，利用 CSS3 的 transform 属性和 transition 属性制作动态照片效果非常简单，只需要添加少量的 CSS 代码即可实现。这种效果可以为网页增加视觉上的体验，提高用户观感，达到更好的访问效果。