# css-home

**Repository Path**: xybobo/css-home

## Basic Information

- **Project Name**: css-home
- **Description**: css3特效案例
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-05-22
- **Last Updated**: 2025-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 平时收集和积累的H5+CSS3的案例
>说明：该案例demo通过静态引入vue.js和Element-UI进行布局
###### 目录列表：

1、css3时钟

2、css画图形
 * 常见图形
 * logo绘制
 * magicCSS图形大全
 * 手机壳背景（pc端预览手机页面）

3、css伪类/伪元素
 * 伪类实现盒子阴影
 * 伪元素:before实现的面包屑导航栏
 * 伪元素实现悬停时按钮填充和边界浮动动画
 * 伪类after实现的三角箭头
 * 伪类after实现的图片箭头
 * 伪元素实现带角度的底部边界（倾斜的边界）
 * 伪元素和平移（translate）变换实现的提示框
 * 使用CSS3伪元素实现的自动打字动画
 * CSS3 伪元素构建的文章水印背景
 * CSS3 用伪元素做页码摘要

4、H5+CSS3页面特效
 * CSS3制作百叶窗切换焦点图
 * 爱情树动画
 * 首页切换图动画
 * HTML5电子书翻页动画特效

5、65种页面切换效果

###### 运行查看：只需下载，然后打开index.html，查看页面

###### [代码地址](https://gitee.com/xybobo/css-home)