这是项目 1 / 50 展示，来自课程“50 天的 50 个项目”，尽管我在过去 50 天里完成了所有项目（或者稍微多一点！ ），我想以我的方式去做，我的意思是抓住项目的主要想法或主要概念并正确理解它，看到它的优点、缺点，甚至将其提升到一个新的水平。

在这个项目中，主要思想是创建许多可在单击时展开的卡片（或面板），就这么简单，但我在这里还需要实现大量其他内容，例如：

• 使用 Popover API 展开面板而不是单击鼠标。
• 从 Unsplash API 获取图像。
• 使面板与鼠标移动交互。
• 使用 webkit-box-reflect 在每个面板下方添加反射。
• 向每个面板添加彩色阴影（使用 SVG 滤镜）。

实现这些事情后，这个项目进入了一个新的水平，在美观的同时显示了简单中的复杂性，也许我将来可以应用颜色采样功能！。

我想听听您的意见、建议、想法，也别忘了点赞和关注。

我的 50 天旅程回购中的 50 个项目
在 Twitter 上联系我
通过 Linkedin 联系我