获得徽章 15
- 新文章，让CSS flex布局最后一行列表左对齐的N种方法 -
www.zhangxinxu.com 总共介绍了6种方法，让space-between/space-round场景下最后一行数目少的时候依然左对齐。
9128 - 【阴阳】加载动画 #svg
几天前想到这个点子，于是就尝试着用svg实现了下。动画本身并不复杂，难的地方在于怎么样把这个动画做成响应式的同时保证八卦图的长宽比不变。挣扎一段时间后发现借助svg的preserveAspectRatio="xMidYMid slice"可以实现这个效果: 左右两扇门的实际大小比viewport要大，随着窗口的缩小只居中显示一部分svg。
(preserveAspectRatio="xMidYMid slice"的效果有点像background-position: center center + background-size: cover)展开344
www.zhangxinxu.com