# B站秋季顶部动画

**Repository Path**: rebornszoro/bilibili_autumn_top_animation

## Basic Information

- **Project Name**: B站秋季顶部动画
- **Description**: 模仿实现b站页面头部鼠标滑过时的动画效果
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-10-14
- **Last Updated**: 2024-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# B站秋季顶部动画

#### 介绍
模仿实现b站页面头部鼠标滑过时的动画效果

#### 实现步骤
1. 实现一个多层组合的静态界面；
2. 实现不同图层不同清晰度的配置；
3. 实现左右移动鼠标时清晰度变化；
4. 实现左右移动鼠标时位移跟随；
5. 实现小女生眨眼的效果；
6. 实现移开鼠标时整体效果还原。

#### 原文出处
[码小余の博客 - 《B站秋季头部动画》](https://blog.csdn.net/Cool_breeze_/article/details/109033050?utm_medium=distribute.pc_feed_category.none-task-blog-hot-8.nonecase&depth_1-utm_source=distribute.pc_feed_category.none-task-blog-hot-8.nonecase&request_id=&spm=1000.2115.3001.4128)