内容简介：

你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，可以用在你的头像交互上面。看到了吗？我们将制作一个缩放动画，其中头像部分似乎从它所在的圆圈中钻出来了。是不是很酷呢？接下来让我们一起一步一步地构建这个动画交互效果。是的，只需要一个img图片标签即可，本次练习的挑战性部分是使用尽可能少的代码。如果你已经关注我一段时间了，你应该习惯了。我努力寻找能够用最小、最易维护的代码实现的CSS解决方案。首先我们需要一个带有透明背景的正方形图像文件，以下是本次案例使用的图像。在开始CSS之前，让我们先分析一下效果。悬停时图像会变大，所以我们肯定会在这里使用tr...

查看原文

? 一个炫酷的头像悬停效果