# PanJiaChen.github.io

**Repository Path**: dkgee/PanJiaChen.github.io

## Basic Information

- **Project Name**: PanJiaChen.github.io
- **Description**: Pjc
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2020-03-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Node

[consola](https://github.com/nuxt/consola) 优雅命令行console vuepress也使用了 Nuxt出品

[webpackba](https://github.com/nuxt/webpackbar) webpack打包进度可视化 Nuxt出品

[jarvis](https://github.com/zouhir/jarvis) webpack dashboard  配色好看

# 前端

[popmotion](https://github.com/Popmotion/popmotion) 一个函数式前端动画库 能做出酷炫的动画效果
[![GitHub stars](https://img.shields.io/github/stars/Popmotion/popmotion.svg?style=social&label=Stars)](https://github.com/Popmotion/popmotion)


[merge-images](https://github.com/lukechilds/merge-images) 纯前端图片合成

[direction-reveal](https://github.com/NigelOToole/direction-reveal) 一个根据鼠标进入方向展现hover效果的库



## n年前动画收集

[20种炫酷的菜单线条动画特效UI设计效果](http://panjiachen.github.io/warehouse/LineMenuStyles/)

[twitter喜欢点击效果](http://panjiachen.github.io/warehouse/twitterLike/)

[分享share 动效](http://panjiachen.github.io/warehouse/share/)

[鼠标滑过 3D动画特效](http://panjiachen.github.io/warehouse/Direction-aware3D%20/)

[easings 动画函数](http://easings.net/zh-cn)

[drop library](http://github.hubspot.com/drop/docs/welcome/)

[花瓣绽开式分享动画](http://codepen.io/CSS3fx/pen/RNYaoE)

[移动端下拉分享](http://tympanus.net/codrops/2015/10/23/mobile-pull-to-share-interaction-experiment/)

[TextStylesHoverEffects 鼠标划过字体炫酷效果](http://panjiachen.github.io/warehouse/TextStylesHoverEffects/)

[like点击 动效](http://panjiachen.github.io/warehouse/likeClickEffect/)

[移动端 rem解决方案](https://github.com/amfe/lib-flexible)

[字逐渐显示效果](https://codepen.io/dudleystorey/pen/pRLMrE)

[分享动画](https://codepen.io/jonahvsweb/pen/doQpMV)

[Creative Gooey Effects](https://tympanus.net/Development/CreativeGooeyEffects/menu.html)

[typing text transition](https://codepen.io/rachsmith/pen/oGEMbz)

[Progress Nav](https://codepen.io/hakimel/pen/BpKNPg)

[Atom Button](https://codepen.io/perry_nt/pen/OWoNxK)

## Hybrid APP

[Hybrid APP架构设计思路](https://github.com/chemdemo/chemdemo.github.io/issues/12)
[html5-qrcode](https://github.com/zhiqiang21/WebComponent/tree/master/html5-Qrcode)