css3特效缩放 |三级css下拉

css里double，长安css麋鹿测试，css 设置span字体样式，css 的选择器，css百度条框，允许使用css来认证网页，三级css下拉 css3特效缩放 |三级css下拉

/* hovered image will zoom in */
img:hover {
transform: scale(1.2);
transition: transform 0.1s ease-out;
}
/* clicked image will zoom out */
img:active {
transform: scale(0.8);
transition: transform 0.1s ease-out;
}

在这段代码中，大家使用CSS3的新属性“transform”和“transition”。
属性“transform”接受一个值“scale”，它使用一个数字来定义元素的大小。
如果值大于1，那么元素将变大；如果值小于1，那么元素将变小。
当然，您可以使用其他值，还可以组合各种不同的transform属性来创建更多特效。
属性“transition”会使大家的过渡动画更加平滑和自然。

要应用这些CSS3缩放效果，您可以将代码添加到您的CSS文件中，然后将其应用于您的HTML元素。
不过，要享受它们所有的好处，您的浏览器必须支持CSS3。
为此，您可以使用一些现代的网页浏览器（如Chrome、Firefox等），它们各自支持不同版本的CSS3。
所以，请放心使用这些简单的代码来添加惊人的缩放效果吧！