前端视觉展示
玻璃效果页面
使用属性backdrop-filter: blur(2rem);
登录页面
线上地址
flex布局
打字效果
线上地址
slice提取，写入页面
网页展示-响应式
线上地址
学习内容
标签切换
标签切换，一一对应关系
线上地址
学习了data- 属性
还有模板字符串的使用学习地址
svg动画
线上地址
学习了处理svg代码，添加animation动画
购物车功能
线上地址
简单的vue使用
轮播图
视差滚动
线上地址
使用属性
- perspective: 100px;
- transform-style: preserve-3d;
- transform: translateZ(-70px) scale(2.4);
vue计算器
线上地址
学习了自定义模板-template，如何处理+-*/
技能条
线上地址
在li 创建before、after伪元素
一个做背景，一个做动画
li上面的类，控制动画，长度变化
聊天界面
线上地址
界面居中！
flex布局学习链接
align-self: flex-start;
text-align: right;
margin-bottom: -80px;
静态布局
线上地址
继续学习flex布局
这个点击效果-active
active改变了图标颜色-换了个图。，文字颜色，添加了小圆点
卡片效果
线上地址
学习了用js切换section，切换底部线条动画
grid布局。记录笔记！
完整网页
线上地址
功能-响应式，用的栅格布局，根据页面大小，展示不同的行和列
内部页面跳转，元素显示动画
用了外部插件
scrollreveal-滑动动画效果
glide JS插件
isotope 类的分类器
anime 设置元素动画内容，执行顺序可操作
smooth-scroll 流畅滚动到指定位置