CSS3 实现鼠标滑过图片,block以中心为原点进行放大

要实现鼠标放在block上以中心为原点进行放大,可以利用CSS3的transform和transition来实现
CSS3的transform: scale()可以按比例放大或缩小block的功能。


1.png
2.png
li {
    transition: all 0.3s;
}
li:hover{
  transform: scale(1.1);
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。