前端基础
关注
分享
扫一扫
文章平均质量分 86
机计复计机
前端菜鸡
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
50 Projects 50 Days - Split Landing Page 学习记录
改变宽度和flex布局均可以实现该交互，区别在于split分区的定位方式上。蒙层采用before伪元素即可实现。原创 2023-06-04 21:24:22 · 607 阅读 · 0 评论 -
50 Projects 50 Days - Form Input Wave 学习记录
从左到右依次变化的效果需要使用到transition-delay属性。使用JavaScript帮忙转化结构，不必重复在HTML中书写。原创 2023-06-11 17:37:32 · 717 阅读 · 0 评论 -
50 Projects 50 Days - Blurry Loading 学习记录
模糊度使用到的是css3的新属性filter:blur(0px)加载的效果主要通过定时调用函数的方式实现，并且在函数中设置好定时的终止条件。原创 2023-05-14 18:24:33 · 744 阅读 · 0 评论 -
50 Projects 50 Days - Rotating Navigation Animation 学习记录
分析结构，需要旋转的部分放一块，只需要添加一个class即可完成所有交互效果的变换。旋转中心为左上角，圆盘和内容角度不相同。圆盘定位脱离container文档流，设置偏移后注意body上方的空位会影响旋转变换效果，通过设置padding值消除。原创 2023-04-16 20:30:57 · 391 阅读 · 0 评论 -
50 Projects 50 Days - Progress Steps 学习记录
前端初学者练手项目原创 2023-04-09 17:03:14 · 958 阅读 · 0 评论 -
50 Projects 50 Days - Expanding Cards 学习记录
前端初学者练手项目原创 2023-04-02 20:40:52 · 273 阅读 · 0 评论