首页 > web前端 > css教程 > 正文

项目扩展卡 - 我的&#Projects in Days&#旅程

WBOY
发布: 2024-08-22 08:32:06
原创
1049 人浏览过

Project Expanding Cards - My

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

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

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

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

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

我 50 天旅程中的 50 个项目的仓库
在 Twitter 上联系我
在 Linkedin 上联系我

以上是项目扩展卡 - 我的&#Projects in Days&#旅程的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板