佛利斯博客

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);
}

演示效果

退出移动版