# web-lzq-css

**Repository Path**: modify_lzq/web-lzq-css

## Basic Information

- **Project Name**: web-lzq-css
- **Description**: Projects related to html & css & js & canvas
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-11
- **Last Updated**: 2024-07-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CSS, JavaScript, 动画

## README

# 项目文件说明
- box
  - div-both.html   盒子大小可拖动
- canvas
  - bg.html         背景点线绘制
  - code-rain.html  文字代码雨
  - drag.html       元素拖拽
  - img.html        改变图片像素颜色
  - test.html
  - time.html       时间跳动效果
- circular-rotate   摩天轮效果
- css-code
  - css-variable    css变量
  - inner-style-cover   
  - theme           主题切换
- event-while       事件循环
  - async-exec      异步执行
  - delay-error     延时器误差
  - interactive     交互优先
  - queue-1         队列1
  - queue-2         队列2
- high-order-function
  - num-animation   计算器效果
- loading
  - loading         加载效果
  - merry-go-round  旋转木马图库效果
  - water           水滴效果
- network-req
  - cancel          请求取消（fetch/axios）
- position
  - action          详情滚动
  - mouse           跟随鼠标箭头
  - display         自适应放大模糊
  - sticky          粘性定位
- pseudo
  - btn-animation
  - css-select      css伪类选择器
  - dynmaic-btn     模态按钮
  - list-marker     列表标记、图片裁剪
  - parallax        视差效果
  - show-detail     展示详情效果
  - trapezoid       展示详情效果（左侧进入）
- text
  - 3d-text         3D文字
  - text-blending   文字聚合分离
  - text-height     文字行样式
  - typewriting     ChatGPT打字机效果