CSS:hover前后过渡效果

场景描述

页面开发中，使用动画效果，hover时过渡，离开时显得比较生硬，影响体验，使用mouseover,mouserout太过繁琐

修复

例如：对图片做hover放大处理

.image{
     transition: all 1s linear;
 }
.image:hover{
      cursor: pointer;
      transition: 0.2s;
      transition-duration:1s;
      transform:scale(1.2);
     transition-timing-function:ease-in-out;
  }