图片的 object-fit

为什么80%的码农都做不了架构师？>>>   

原文

.image {
  background: #34495e;
  border: 1px solid #34495e;
  width: 200px;
  height: 200px;
}
.image-contain {
  object-fit: contain;
  object-position: center;
}
.image-cover {
  object-fit: cover;
  object-position: right top;
}

显示效果:

 

 

贝赛尔曲线

div img:hover{
  transform: scale(1.4);
  transition: .5s cubic-bezier(0,.6,.3,1);
}

 

转载于:https://my.oschina.net/lemos/blog/3007886