记录一个使用background-image显示图片实现Hover平滑缩放效果的技巧Placement，通常是这样的：.cover{display:block;背景位置：50%；background-size:cover;}如果此时需要在鼠标悬停时进行平滑缩放，将其移开并平滑恢复原状效果需要借助background-size来实现。.cover:hover{background-size:110%;}同时需要在原有样式的基础上添加过渡设置。cover{...过渡：所有.3s缓入缓出；background-size:cover;}但是这时候发现虽然鼠标悬停时背景图已经放大了，但是平滑过渡动画没有效果，变化还是生硬的，所以可能的原因是transition不知道如何执行相应的CSS参数smoothtransition。看了下Hover前后的区别，background-size:cover变成了background-size:110%,this...好像不知道怎么线性变化，所以试试把原来CSS效果里的background-size改成100%：.cover{transition:all.3sease-in-out;背景大小：100%；}.cover:hover{background-size:110%;}试一试，宾果游戏！动画转场是很自然的，所以转场还是需要比较明显的数值变化差异才能表现出动画效果
