![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端小项目
文章平均质量分 69
收集并实现了若干个前端的小项目,只涉及HTML、CSS、JS等,不使用框架
Nefu_qky
既然热爱,那就坚持
展开
-
【前端小项目02】扩展卡片
在线演示:扩展卡片我的个人网站:前端项目汇总前置知识:CSS3弹性布局、简单JS文章目录一.分析页面设计动画效果二.代码一.分析页面设计页面由5张卡片排成一行组成若使用传统布局方式,则可以使用float属性或position:absolute或display:inline-block实现;但它们都不便于后续的动画效果(改变元素宽度),更好的方式是利用弹性布局。将容器元素设为如下样式:#content { display: flex; justify-content: center;原创 2021-12-16 19:28:48 · 531 阅读 · 0 评论 -
【前端小项目01】旋转式导航栏
在线演示:旋转式导航栏我的个人网站:前端项目汇总文章目录一.分析二.代码一.分析HTML:首先分析页面中的结构:由三部分组成分别是左上角控制导航出现/消失的按钮导航栏及网页的主体部分先完成左上角的控制按钮①图标是如何获得的二.代码...原创 2021-12-13 19:26:30 · 1526 阅读 · 1 评论