Html 如何实现缩放效果？

我想问一下，我如何才能实现像这里这样的悬停效果？我指的是当你在图像上悬停时。

---

您可以使用以下属性：

.item:hover img {
  -moz-transform: scale(2.0);
  -webkit-transform: scale(2.0);
  transform: scale(2.0);
}

这将在图像悬停时对其产生放大效果。

---

您可以改变参数以达到所需的效果。

您可以看看这个，它与您想要的类似：

div{ 高度：100px； 宽度：100px； 溢出：隐藏； 位置：相对位置； } p{ 背景色：黑色； 文本对齐：居中； 位置：绝对位置； 排名：0； 底部：0； 左：0； 右：0； 保证金：0； 颜色：白色； 线高：100px； } img：悬停{ -moz变换：scale2.0； -webkit转换：scale2.0； 转换：scale2.0； } img{ 高度：100px； 宽度：100px； 转换：所有.2易入易出； 不透明度：0.5； } 正文

---

好的，那太好了：D，我怎样才能添加文本？例如，悬停部件上的lorem ipsum？就像在这个页面：@Atomix更新了文本的代码