随笔分类 - css3
摘要：.center { position: absolute; left: 50%; top: 0; transform: translate(-50%,0); }
阅读全文
摘要：max-width:100%; height:300px; object-fit:cover;
阅读全文
摘要：本来用的transform: translateZ(600px) translateY(-180px);但iPhoneX版本13.4.1的机型不兼容,改成用scale实现了 .in{ animation: doorin 3s linear forwards; -webkit-animation: d
阅读全文
摘要：/*动画-start*/ .animated { animation-duration: 1.5s !important; -webkit-animation-duration: 1.5s !important; animation-fill-mode: both !important; -webkit-animation-fill-mode: both !imp...
阅读全文
摘要：今天做一个轮播，轮播图上使用animation。需求是当滚动到当前图片时，图片中的div从无到有逐渐显示， 遇到的问题是：页面刷新时，此图片上的div可以从无到有，但第二次滚动到此图片时，总是先显示一下div，然后再执行动画 网上查的方法： 1.使用animation-fill-mode，失败 2.
阅读全文
摘要：运行结果如图： 解决方案： 样式表中添加css3的box-sizing属性 修改后运行结果如下：
阅读全文
摘要：运行后显示如下： 万能解决方式：针对一行和多行的省略显示 运行结果： 方法三： js超出隐藏
阅读全文