要实现鼠标放在block上以中心为原点进行放大,可以利用CSS3的transform和transition来实现
CSS3的transform: scale()可以按比例放大或缩小block的功能。
1.png 2.png
li {
transition: all 0.3s;
}
li:hover{
transform: scale(1.1);
}
要实现鼠标放在block上以中心为原点进行放大,可以利用CSS3的transform和transition来实现
CSS3的transform: scale()可以按比例放大或缩小block的功能。
li {
transition: all 0.3s;
}
li:hover{
transform: scale(1.1);
}
本文标题:CSS3 实现鼠标滑过图片,block以中心为原点进行放大
本文链接:https://www.haomeiwen.com/subject/pcsvsktx.html
网友评论