Element-Plus主题切换动画实现

最近，我注意到ElementPlus官网上的主题切换方式颇具创意，特别是那过渡动画效果，让人眼前一亮。
经过一番网络搜寻，我找到了实现Element-UI官网主题切换动画的基本方法。首先，我们创建一个HTML文件，添加一个按钮，并编写简单的背景颜色切换代码，以此模拟主题的切换效果。

实现

基本效果

为实现element-plus主题切换这样一个动画效果，我们可以使用到web api提供的一个

View Transitions API

mdn上官方的详细介绍 View Transitions API - Web API | MDN

首先我们起一个 html 文件，写一个按钮，以及简单的背景颜色切换，来模拟主题的切换

可以看到实现了最简单的主题切换效果。