📜Posts
🚀Now
✨时间不在于你拥有多少,而在于你怎样使用。
「内容获取自 Mastodon,使用静态处理,十分钟同步一次。」
今晚和老婆小酌微醺,聊了很多心里话。生活不必一直紧绷,偶尔慢下来,就是最好的调剂。
RE: https://m.laomai.org/@laomai/115631758684364762
想要解决这个问题只需在动画里添加一个属性 fill: 'forwards'
这样子动画结束后,保持动画最后一帧的样式。
如果没有这个属性,浏览器会把 clip-path 恢复为动画前的状态(circle(0px)),然后把 ViewTransition 图层移除,在这个过渡层消失时就会出现视觉断层,就会出现闪烁问题。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference/Properties/animation-fill-mode
白舞,研究咗咁耐都修复唔到。当时用 View Transition API 时测试过好多次都冇问题,Google Chrome 更新后先出现嘅闪烁,喺 Safari 上亦都冇出现闪烁问题。估计就新版本嘅 GC 先有呢个情况,或者可以等一下,话唔定 GC 下个版本就修复返囉。




