m0_45309753的博客

animation本身是具有停止动画和开始动画的属性的即：animation-play-state它有2个属性值可以选择（running/paused）分别控制动画的状态，那么我们可以通过绑定动态属性的方式给当前需要旋转的元素添加状态。html部分<img :class="{ imgTurn: isTurn }" :style="{ '--isTurn': start ? 'running' : 'paused' }"/>2.CSS部分.imgTurn { anima

在写项目中常常会遇到要使得图片居中垂直对齐的时候，但是由于图片底部的3像素原因，使得结果并不能满足要求。如下图1.形成原因：图片元素默认为inline-block所引起。2.解决方法(1).给img图片标签添加属性vertical-align:top;（不是baseline即可）：img{ vertical-align:top;}(2).img的父标签添加属性：font-size：0；父标签{ font-size:0;}(3).给图片添加属性：display:block;