https://blog.qife122.com/tags/view-transition-api/ Recent content in View Transition API on 办公AI智能小助手 Hugo zh-cn qife Thu, 11 Sep 2025 13:41:38 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8javascript%E5%92%8Ccss%E5%88%9B%E5%BB%BA%E7%A7%BB%E5%8A%A8%E9%AB%98%E4%BA%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E6%B3%95/ Thu, 11 Sep 2025 13:41:38 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8javascript%E5%92%8Ccss%E5%88%9B%E5%BB%BA%E7%A7%BB%E5%8A%A8%E9%AB%98%E4%BA%AE%E5%AF%BC%E8%88%AA%E6%A0%8F%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E6%B3%95/ <h1 id="使用javascript和css创建移动高亮导航栏">使用JavaScript和CSS创建&quot;移动高亮&quot;导航栏</h1> <p>在本教程中，Blake Lundquist将引导我们使用纯JavaScript和CSS创建&quot;移动高亮&quot;导航模式的两种方法。第一种技术使用<code>getBoundingClientRect</code>方法在导航栏项目被点击时显式地动画化边框。第二种方法使用新的View Transition API实现相同的功能。</p>