如何使用HTML和CSS添加Windows鼠標hover效果

Question

我最近注意到微軟在 Windows 10 中添加的驚人效果hover 在Tiles ， Taskbar和Settings上，是否可以使用 HTML，CSS 和 JS 來做到這一點！ 請告訴我正確的代碼

Answer 1

是的，這是可能的。

在快速谷歌之后，我能夠為你找到這個；

https://github.com/MaxMls/CSS-Windows-10-Tile

演示在這里；

https://maxmls.github.io/CSS-Windows-10-Tile/

我敢肯定，通過一些調整，你可以讓它以你喜歡的方式工作

Answer 2

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 . 基於相同的邏輯，我還開發了這個具有這些圖塊組件的 react-win-grid庫。