50天50个前端练习

今天来实现上图的小功能，当点击搜索按钮时实现搜索栏的伸缩。 1.HTML 首先是画出骨架，搜索栏有一个搜索栏和一个图标组成 完整代码如下： 2.CSS 先使用flex布局使得搜索框居中显示 在给搜索框

今天来实现一个旋转导航栏的功能，页面显示文章，点击菜单按钮，旋转出导航栏。 效果如下： 首先，实现思路是先用HTML把所有元素先画好。 其次是CSS部分，左上角的两个按钮，一个按钮正常，另外一个按钮初

今天来实现进度条这个简单的功能，效果如下 原项目地址：50projects50days 1.HTML 这部分比较简单，四个div加两个button搞定 2.CSS 其中进度条的线实现思路是先画一条灰色

第一天：扩展卡片 学了很久前端，总是感觉基础不踏实，知识过段时间就忘记了。于是准备完成github上面的50projects50days这个项目。 github链接：https://github.co