在现有的系统当中,我们的主题切换会比较生硬,下面我们将基于Masa Blazor实现好看的扩散主题切换的样式效果。 安装MASA.Template dotnet new install MASA.Template 创建Masa Blazor项目 打开vs2022 选择server app模板 打开wwwroot/css/site.css 添加一下代码,这个代码是核心样式实现。 animation: clip .5s ease-in;的.5s则是扩散时间。 ::view-transition-old(root) { animation: none; } ::view-transition-new(root) { mix-blend-mode: normal; animation: clip .5s ease-in; } @keyframes clip { from { clip-path: circle(0% at var(--x) var(--y)); } to{ clip-path: circle(100% at var(--x) var(--y)); } }...