| 序号 | 时间 | demo介绍 | 源码 | 预览 |
|---|---|---|---|---|
| 01 | 19/10/25 | 网易考拉代金券 -- 学习CSS radial-gradient()函数 | 地址 | 无 |
| 02 | 19/11/18 | JSP做一个牙科预约管理系统 | 地址 | 无 |
| 03 | 19/12/27 | 手机充电电量动画图 -- CSS3的filter属性学习 -- filter: hue-rotate(？deg) | 地址 | 无 |
| 04 | 20/01/01 | CSS实现带贴条的便利贴 | 地址 | 无 |
| 05 | 20/01/01 | 记录生活idea的简单网页 | 地址 | codePen |
| 06 | 20/01/03 | 学习使用max-width和opacity实现字母的隐藏和可见 | 地址 | codePen |
| 07 | 20/01/04 | 原生JS写一个日历 | 地址 | codePen |
| 08 | 20/01/12 | CSS画一个小太阳，学习transform-origin在transform的用法 | 地址 | codePen |
| 09 | 20/01/13 | CSS画一个雪花，使用box-shadow | 地址 | 无 |
| 10 | 20/01/19 | CSS画一个云朵 | 地址 | 无 |
| 11 | 20/01/20 | 纯CSS实现的weather-icon，包括小太阳、多云、下雪、下雨、晴云，对transform、transform-origin、animation、box-shadow、z-index几个属性进行复习和使用 | 无 | codePen |
| 12 | 20/01/22 | jQuery实现的注册登录表单（提示文字上移动画） | 地址 | 无 |
| 13 | 20/01/23 | 使用Vue.js获得实时本地时间demo | 地址 | 无 |
| 14 | 20/02/03 | Vue.js + localStorage写一个简单的todolist | 地址 | codePen |
| 15 | 20/02/04 | SVG的stroke-dasharray+stroke-dashoffset+animation可以作出霓虹灯效果，而stroke-dasharray+animation可以作出绘制的效果 | 地址 | codePen |
| 16 | 20/02/08 | 原生JS实现轮播图 | 地址 | codePen |
| 17 | 20/02/09 | 情人节的简单css玫瑰动画 | 地址 | codePen |
| 18 | 20/02/15 | SVG写的一个加载图标 | 地址 | 无 |
| 19 | 20/02/21 | 高斯模糊（毛玻璃）背景效果，filter: blur()和background-attachment: fixed是关键 | 地址 | codePen |
| 20 | 20/02/28 | 一个博客文章卡片页 | 地址 | codePen |
| 21 | 20/03/01 | 学习Grid布局写的一个365存钱计划表 | 地址 | codePen |
| 22 | 20/03/15 | grid布局实现的普通gallery、grid和flex布局和CSS3属性 column属性+break-inside属性分别实现的瀑布流gallery | 地址 | 无 |
| 23 | 20/03/17 | flashlight-text-with-cilpPath.html -- 使用clip-path CSS 属性模拟手电筒照射文字text的效果 | 地址 | codePen |
| 24 | 20/04/11 | linear-gradient实现斑马线效果，放在文字影响下，产生好看的效果 | 地址 | [无 |
| 25 | 20/04/11 | 点击颜色模块，可以复制颜色rgb()形式 | 地址 | codePen |
| 26 | 20/04/18 | 简单的拼图小游戏 | 地址 | 无 |
| 27 | 20/04/22 | 用Vue实现的滑动条 | 地址 | codePen |
| 28 | 20/06/16 | 监听scroll事件实现图片懒加载 | 地址 | 无 |
Miaamen/MyDemo
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|