Microsoft Fluent Design for Web(CSS框架)
And*_*Lim 24 html javascript css css3 fluent-design
由于微软最近发布了一个名为"Fluent Design"的设计系统,将它应用于网页设计是否合适？
我的大部分搜索都是针对所有Microsoft平台,C#app,F#等.我从未在网页设计中看到任何相关内容.
Mar*_*per 10
请查看Microsoft Web Framework,了解有关用于满足Microsoft Web设计原则的组件,HTML结构和CSS的详细信息.
- 本网站是一个内部的Microsoft Only网站.不适合一般公众使用. (11认同)
- 那个网站真的关于Fluent Design吗？我没有看到网站上任何地方提到的"流利",它看起来更像Metro,而不是Fluent.我没有看到丙烯酸,灯光效果或显示效果的单一示例,也没有看到任何动作. (5认同)
2019年7月更新： 微软下面料UI名，其中包括Web部件发布流利的框架这里
简短的回答，是的。Fluent设计适用于Web，但是仍然没有公开可用的组件库。
上面提到的getmwf.com（获取Microsoft Web Framework）已被弃用。较新的microsoft.com/mwf供内部使用。
全新的fluentweb.com上也标有fluent webrestricted to use by Microsoft employees and authorized vendors的开源教程，但说明如下：
[..]如何为Web组件和样式导入Fluent（程序包仅对Microsoft员工专用，尽管很快会开源）。
或许有一天。同时查看Office Fabric
小智 5
只需从MWF主页底部复制粘贴即可。
此站点仅限Microsoft员工和授权供应商使用。非Microsoft网站上不得使用本网站的任何材料或代码。通过进入此站点，您确认您是Microsoft员工或代表Microsoft工作的授权供应商。您进一步同意，这些材料和代码构成Microsoft的知识产权，仅限于在Microsoft运营的网站上使用，并且受适用于您与Microsoft的雇用或供应商关系的适用协议的约束。
- 从什么页面的底部开始？这是否是对另一个答案的评论，而不是它自己的独立答案？ (3认同)
- 或更重要的是，如果您不是Microsoft，则不允许使用Fluent Design。 (2认同)
小智 5
您可以将此库用于Fluent Design System中的Reveal Effect.而且你需要等待backdrop-filter支持CSS的背景模糊效果.
https://github.com/d2phap/fluent-reveal-effect
