个人小项目、demo
https://cary-mao.github.io/small/
- 简单视差滚动
- 全屏视频 banner
- css3 滚动转换
- 全屏导航菜单
- 盒子阴影加载动画
- css3 反向悬停
- 垂直水平居中文字
- 边框形状变换
- css 图标悬停内圆效果
- 文本透明效果
- 多列瀑布流布局
- 悬停分割图片
- 霓虹灯效果
- 登录表单
- 透明登录菜单
- 背景冒泡效果
- 悬停缩放效果
- 悬停灰度效果
- 文字选中效果
- 导航菜单悬停效果
- 图标滑动效果
- 简单圆形加载动画
- 背景固定滚动效果
- 悬停背景幻灯片过渡
- 谷歌 logo
- 竖直霓虹灯
- 锯齿背景
- 悬停容器居中缩放效果
- 3d 倾斜按钮
- 苹果笔记本显示屏
- 矩形对角错位加载动画
- 三边框圆加载动画
- 悬停边角框连接动画按钮
- 悬停滑动图标切换
- 老鼠眼睛鼠标跟随效果
- 抽屉侧边栏
- 悬停图片颜色滤波
- 在圆形路径移动圆
- css 发光位置图标
- css 按钮悬停效果
- 键盘
- 圆形边框动画
- 菜单悬停模糊透明效果
- 点击图标上下滑动切换
- 按钮悬停箭头动画
- 装水杯动画
- 球型水波加载动画
- 移动快加载动画
- 剃刀片形状 div
- 边框形状调整器
- 金属文本
- 自定义单选 switch
- 技能水平条形图
- 接触式表单
- 发光圆环加载动画
- flip
- slide_up
git clone git@github.com:cary-mao/small.git
npm install
npm link
创建一个新项目/demo:scl create <project_name>
添加项目文档:scl docs <project_name> <project_title>
git 提交:git add .
和scl commit
跳转到给定项目:scl goto name
选择跳转的项目:scl goto -s/--select
安装Preview on Web Server
插件,在目录树中选中根目录中的index.html
,按ctrl+shift+l
打开浏览器或者ctrl+shift+v
右侧打开