这篇文章算是上半年《More CSS,Less JS》的下篇。介绍小剧利用 View Transition API 实现试图转场动画的过程。作为渐进增强的动画方案,View Transition API 对业务的耦合度极低,很容易与现有业务相结合。
近来给博客 UI 做了小的局部改版,给博客正文的布局更改为“剧场模式”。在改 UI 的时候,却发现小剧客栈曾经很多让小剧“引以为傲”的实现,正慢慢变为陈旧的“顽疾”。
大部分时候,图片和可视范围的尺寸是不一致的,此时图片在尺寸上的显示效果就有normal、contain、cover这么三种情况。
此瀑布流效果判断添加新内容位置的方法较为简单;对默认页面显示条数、滚屏自动显示条数与点击添加条数可独立设置;为每条新添加出来的信息设置id,方便有针对性设置动画。