css div animation放大特效
时间: 2023-10-01 12:04:45 浏览: 108
您可以使用CSS的动画和变形属性来实现一个div的放大特效。以下是一个简单的例子:
HTML代码:
```html
<div class="box"></div>
```
CSS代码:
```css
.box {
width: 100px;
height: 100px;
background-color: red;
transition: transform 0.3s ease;
}
.box:hover {
transform: scale(1.2);
}
```
在上面的代码中,我们创建了一个名为"box"的div,设置了宽度、高度和背景颜色。通过给div添加`transition: transform 0.3s ease;`属性,我们指定了在0.3秒内以缓慢的动画过渡到新的变换状态。当鼠标悬停在div上时,通过给div添加`transform: scale(1.2);`属性,我们将它的大小放大到原来的1.2倍。
您可以根据需要自定义样式和动画效果。希望对您有所帮助!
阅读全文