GitHub - sean-lgt/html-css-js-demo: 日常生活中使用 html+css+js 编写的demo以及学习例子

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 158 Commits
01-Grid网格布局		01-Grid网格布局
02-将json数据转化为文件并下载		02-将json数据转化为文件并下载
03-静态冰墩墩		03-静态冰墩墩
04-背景模糊毛玻璃效果		04-背景模糊毛玻璃效果
05-圣诞树		05-圣诞树
06-多行文本实现展开与收起效果		06-多行文本实现展开与收起效果
07-登录页		07-登录页
08-js修改css变量		08-js修改css变量
09-3D宇宙时空穿梭效果		09-3D宇宙时空穿梭效果
10-新年倒计时		10-新年倒计时
100-使用下拉菜单更改背景颜色		100-使用下拉菜单更改背景颜色
101-实时文本字符计数器		101-实时文本字符计数器
102-菜单指示器动画渐变效果		102-菜单指示器动画渐变效果
103-动画登录和注册表单页面		103-动画登录和注册表单页面
104-轻量版新拟态卡片悬停效果		104-轻量版新拟态卡片悬停效果
105-常见动画滑动菜单指示器		105-常见动画滑动菜单指示器
106-用户账号下拉菜单功能		106-用户账号下拉菜单功能
107-具有酷炫悬停效果的flex布局		107-具有酷炫悬停效果的flex布局
108-自定义范围数值滑块		108-自定义范围数值滑块
109-动画动作效果展示菜单		109-动画动作效果展示菜单
11-自定义滚动条		11-自定义滚动条
110-创意百事可乐着陆页设计		110-创意百事可乐着陆页设计
111-渐变加载器动画效果		111-渐变加载器动画效果
112-简单卡片悬停效果		112-简单卡片悬停效果
113-数字输入微调器UI设计		113-数字输入微调器UI设计
117-强随机密码生成器		117-强随机密码生成器
118-强随机密码生成器并提供复制粘贴		118-强随机密码生成器并提供复制粘贴
119-新年倒计时特效		119-新年倒计时特效
12-自定义光标		12-自定义光标
120-悬停光标效果改变案例		120-悬停光标效果改变案例
121-CSS响应式卡片UI设计		121-CSS响应式卡片UI设计
122-表单显示隐藏密码切换		122-表单显示隐藏密码切换
123-炫酷卡片悬停效果		123-炫酷卡片悬停效果
124-列表项悬停效果展示		124-列表项悬停效果展示
125-渐变遮罩分割线		125-渐变遮罩分割线
126-片状导航悬浮效果		126-片状导航悬浮效果
127-菜单悬浮刷效果		127-菜单悬浮刷效果
128-文字扁长阴影效果		128-文字扁长阴影效果
129-鼠标移动的彩色心轨迹动画		129-鼠标移动的彩色心轨迹动画
13-自定义选中样式		13-自定义选中样式
130-滚动上的CSS3变换效果		130-滚动上的CSS3变换效果
131-创建全屏覆盖导航效果		131-创建全屏覆盖导航效果
132-常见粘性顶部导航栏效果		132-常见粘性顶部导航栏效果
133-范围滑块的效果		133-范围滑块的效果
134-标签点击效果		134-标签点击效果
135-3D菜单栏效果		135-3D菜单栏效果
136-扁平预加载动画效果		136-扁平预加载动画效果
137-水波浪球体动画效果		137-水波浪球体动画效果
138-阴阳八卦阵旋转效果		138-阴阳八卦阵旋转效果
139-Mousemove3D视差倾斜效果tilt		139-Mousemove3D视差倾斜效果tilt
14-网站变灰效果		14-网站变灰效果
140-column-count实现瀑布流布局		140-column-count实现瀑布流布局
141-flex实现瀑布流布局		141-flex实现瀑布流布局
142-grid实现瀑布流布局		142-grid实现瀑布流布局
143-创建模态弹出框效果		143-创建模态弹出框效果
144-向下滚动指示动画		144-向下滚动指示动画
145-波浪形背景效果		145-波浪形背景效果
146-星巴克首页设计效果		146-星巴克首页设计效果
147-路径动画特效		147-路径动画特效
148-CSS动画背景效果		148-CSS动画背景效果
149-动画圆环团队头像UI设计		149-动画圆环团队头像UI设计
15-placeholder样式重置		15-placeholder样式重置
150-底部tabbar导航效果		150-底部tabbar导航效果
151-可口可乐卡UI设计		151-可口可乐卡UI设计
152-魔法卡片渐变边框动画		152-魔法卡片渐变边框动画
153-使用shape-outside实现文字环绕		153-使用shape-outside实现文字环绕
154-圆形放大的hover效果		154-圆形放大的hover效果
155-自定义瀑布流排版		155-自定义瀑布流排版
156-歌词滚动效果		156-歌词滚动效果
157-外卖购物车动画效果		157-外卖购物车动画效果
158-grid场景布局使用		158-grid场景布局使用
16-动态工具提示		16-动态工具提示
17-截断文本省略号		17-截断文本省略号
18-圆形渐变边框		18-圆形渐变边框
19-使用clip-path画扇形		19-使用clip-path画扇形
20-闪亮的玻璃图标悬浮效果		20-闪亮的玻璃图标悬浮效果
21-使用scroll-behavior实现平滑滚动		21-使用scroll-behavior实现平滑滚动
22-侧边栏hover效果		22-侧边栏hover效果
23-图片悬停旋转效果		23-图片悬停旋转效果
24-登录页		24-登录页
25-文字融合快闪切换动画		25-文字融合快闪切换动画
26-css实现tree结构		26-css实现tree结构
27-鼠标跟随3D旋转动效		27-鼠标跟随3D旋转动效
28-粒子特效		28-粒子特效
29-阅读进度		29-阅读进度
30-冒泡loading		30-冒泡loading
31-音浪loading		31-音浪loading
32-资料卡动画UI设计		32-资料卡动画UI设计
33-标签输入框		33-标签输入框
34-使用box-reflect做倒影		34-使用box-reflect做倒影
35-计算两地的距离-js		35-计算两地的距离-js
36-新消息字幕滚动提醒		36-新消息字幕滚动提醒
37-按钮特效		37-按钮特效
38-小球穿梭放大loading动画		38-小球穿梭放大loading动画
39-利用box-shadow实现半透明遮罩		39-利用box-shadow实现半透明遮罩
40-border-color结合动画实现打字效果		40-border-color结合动画实现打字效果
41-判断一个元素是否在可视区域内		41-判断一个元素是否在可视区域内
42-利用圆角+渐变+阴影绘画哆啦A梦		42-利用圆角+渐变+阴影绘画哆啦A梦
43-background-clip实现半透明边框		43-background-clip实现半透明边框
44-使用text-stroke制作镂空文字效果		44-使用text-stroke制作镂空文字效果