CSS5 鼠标移动到图片上 Hover 放大效果

这个应该是很早的技术了,鼠标移动到图片上,利用CSS5新特性,然后让图片呈现平滑 Zoom 放大的动态效果。只是 Forece 在整理草稿的时候发现的一篇忘记发布的文章。

1
2
3
4
5
6
7
a img {
    transition: all 0.5s ease-in-out 0s;
}

a:hover img {
    transform: scale(1.05);
}

演示效果

相关评论:

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据