如何創建：懸停時縮放
學習如何使用 CSS 在懸停時縮放元素。
懸停時縮放
請將鼠標懸停在綠色框上：
如何在懸停時縮放
<style>
.zoom {
padding: 50px;
background-color: green;
transition: transform .2s; /* Animation */
width: 200px;
height: 200px;
margin: 0 auto;
}
.zoom:hover {
transform: scale(1.5); /* (150% zoom - 注意：如果縮放過大，它將超出視口范圍） */
}
</style>
<div class="zoom"></div>
相關頁面
教程：CSS 轉換
