sjc0511的博客

原创 CSS 鼠标悬停图片同时向上下伸长的方法

刚才做了个任务 需要实现鼠标悬停到图片上 图片同时向上向下延长一点。原理是图片会同时进行向上移动和向下伸展的动画，所以看到的是同时伸展。用transformer:translatedy(-50px);搜了很多信息也没有找到有没有参数可以实现上下同时伸长。hover里将height变长以后图片只是向下伸展。实现了同时向上向下延展。