丰满人妻一区二区三区视频53,a网站在线观看

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

css3如何實現(xiàn)鼠標(biāo)點擊圖片放大

青燈夜游

發(fā)布： 2022-04-25 16:52:38

原創(chuàng)

5865人瀏覽過

實現(xiàn)方法：1、使用“:active”選擇器選中鼠標(biāo)點擊圖片的狀態(tài)；2、使用transform屬性和scale()函數(shù)實現(xiàn)圖片放大效果，語法“img:active {transform: scale(x軸放大倍數(shù),y軸放大倍數(shù));}”。

css3如何實現(xiàn)鼠標(biāo)點擊圖片放大

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3實現(xiàn)鼠標(biāo)點擊圖片放大

實現(xiàn)思想：

使用“:active”選擇器選中鼠標(biāo)點擊圖片的狀態(tài)

立即學(xué)習(xí)“前端免費學(xué)習(xí)筆記（深入）”；
使用transform屬性和scale()函數(shù)實現(xiàn)放大效果

語法：

img:active {transform: scale(2,2);}

登錄后復(fù)制

實現(xiàn)示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
img:active {
margin: 100px;
transform: scale(2, 2);
}
</style>
</head>
<body>
<img  src="img/1.jpg"    style="max-width:90%" / alt="css3如何實現(xiàn)鼠標(biāo)點擊圖片放大" >
</body>
</html>

登錄后復(fù)制