Skip To Main Content
MasaBlazor.Toggle Theme on Muck Rack

MasaBlazor.Toggle Theme

As seen in: cnblogs.com
Is this you? As a journalist, you can create a free Muck Rack account to customize your profile, list your contact preferences, and upload a portfolio of your best work. Claim your profile

Get in touch with MasaBlazor.Toggle

Contact MasaBlazor.Toggle, search articles and posts on X, monitor coverage, and track replies from one place.

Learn more about Muck Rack

Actions

Share this page

Is this you?

As a journalist, you can create a free Muck Rack account to customize your profile, list your contact preferences, and upload a portfolio of your best work.
Claim your profile

Articles

如何将现有的`Blazor`项目的主题切换写的更好看? - tokengo - 博客园

|
By Layout ComponentBase, MasaBlazor.Toggle Theme
| cnblogs.com
在现有的系统当中，我们的主题切换会比较生硬，下面我们将基于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)); } }...
Open in Who Shared Issue with article?
See all 1 articles