【每日一题】CSS3的transform:scale()

CSS3的transform：scale（）可以实现放大或缩小的功能。

CSS3过渡允许CSS属性值在特定时间间隔内平稳过渡。当鼠标单击，获得焦点，被单击或对元素进行任何更改并平滑地为CSS的属性值设置时，就会触发此效果。

效果如下图所示：

1、未将鼠标放在图片上的效果：

2、当鼠标放在图片上时（缩放过程具有过渡，可以自定义过渡时间）：

代码如下：

其中：

转换：全部0.6s；表示所有属性更改均在0.6秒内完成。

transform：scale（1.4);表示将鼠标放在图片上时，图片将放大1.4倍。

代码下载地址：

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-352923-1.html