如何使用HTML和CSS添加Windows鼠标hover效果
[英]How to add Windows mouse hover effect using HTML and CSS
问题描述
I have recently noticed that amazing hover effect that Microsoft added in Windows 10 on Tiles , Taskbar and Settings , Is it possible to do that using HTML, CSS and JS!
我最近注意到微软在 Windows 10 中添加的惊人效果hover 在Tiles ， Taskbar和Settings上，是否可以使用 HTML，CSS 和 JS 来做到这一点！ Please tell me along with a proper Code请告诉我正确的代码
2 个解决方案
解决方案1
2 已采纳 2020-12-23 05:35:11
Yes this is possible.是的，这是可能的。
After a quick Google I was able to find this for you;在快速谷歌之后，我能够为你找到这个；
https://github.com/MaxMls/CSS-Windows-10-Tile https://github.com/MaxMls/CSS-Windows-10-Tile
Demo here;演示在这里；
https://maxmls.github.io/CSS-Windows-10-Tile/ https://maxmls.github.io/CSS-Windows-10-Tile/
I'm sure with some tweaking you can get it to work how you like我敢肯定，通过一些调整，你可以让它以你喜欢的方式工作
解决方案2
0 2023-01-23 15:48:45
Just about 2 years ago only, I developed my logic for re-creating these windows effects using JS and CSS (without canvas API and advanced CSS) and created this blog series Recreating Windows 10 Effects using HTML, CSS, and vanilla JS . Just about 2 years ago only, I developed my logic for re-creating these windows effects using JS and CSS (without canvas API and advanced CSS) and created this blog series Recreating Windows 10 Effects using HTML, CSS, and vanilla JS . Based on the same logic, I also developed this react-win-grid library which has these tile components.基于相同的逻辑，我还开发了这个具有这些图块组件的 react-win-grid库。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.