2020-03-30

转自 事业有成的张啦啦 我的web前端自救之路
CSS3 animation 属性

1. 如何改变图片的宽度为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;
  }
}