![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
标签
阿里小码
博客都是记录我工作上遇到的一些小问题,如果能帮助到别人也是很开心,我也是个小白,如果我的代码有问题也请多指教,如果有疑问或是不懂的地方也可私信我,我也会尽快去答复你们,如果很急可加Q:447289082
展开
-
怎样使用css动画animation实现静态箭头图片上下摆动
使用css动画animation实现静态箭头图片上下摆动在项目中我遇到了一个需求,让静态箭头图片上下摆动,一开始我也想过使用transition,但是transition并不满足需求,因为transition是需要手动的触发,而且不能无限次执行下去,所以我用了animation。要是求这样:这里的图片是我用视频在线上工具转的,所以有水印(请谅解)下面是示例:<style> div{ width: 200px; height: 200px;原创 2021-05-20 10:33:33 · 932 阅读 · 0 评论 -
img标签的object-fit属性
img标签的object-fit属性在项目中我也是遇到了这么一个问题,想着img图片怎么让他以最短边和中心点去放大撑满父元素标签,后来想起来有那么一个属性,但是记不住是什么属性了,就一直百度,也找到了一些别的方法,但是对于我来说没什么用,后来我有找了好久终于找到了这个属性object-fit,太难了这个过程。接下来我把我找的第一个方法说一下:max-width: 100%;max-height: 100%;position: relative;top: 50%;left: 50%;transf原创 2021-05-20 10:08:51 · 8141 阅读 · 0 评论