转自 事业有成的张啦啦 我的web前端自救之路
CSS3 animation 属性
- 如何改变图片的宽度为300，不能改变 👇题目给的代码
<img src="1.jpg" style="width:480px!important" />
答案：
// 第一种
max-width: 300px;
// 第二种：
transform: scale(0.625)
// 第三种
box-sizing: border-box;
padding: 90px;
// 第四种：
// 名称 时间 速度曲线 延迟 次数 是否轮流反向
// animation: name duration timing-function delay iteration-count direction;
img {
animation: test 0s forwards;
}
@keyframes test {
from {
width: 300px;
}
to {
width: 300px;
}
}
