# DropOut

[![Build and Deploy](https://github.com/yui540/DropOut/actions/workflows/build.yml/badge.svg)](https://github.com/yui540/DropOut/actions/workflows/build.yml)

「DropOut」は、yui540のポートフォリオサイトのversion_6.0.0です。

『僕は魔法少女-----そう思っていた』

🎉 [Try It Online](https://yui540.github.io/DropOut/) 🎉

![1](./res/1.png)

- このサイトでの推しキャラ
  - ガヴリール（ガヴリールドロップアウト）
- デザイン・モーション・コーディング
  - yui540
  - [Twitter - @yui540](https://twitter.com/yui540)

## 50秒越えの圧倒的CSS Animation
このサイトのアニメーション部分は全てCSS Animationで実現されています。

また、PC, タブレット, スマートフォンでもシームレスに動きます（描画処理に耐えられれば）

![2](./res/2.png)

![3](./res/3.png)

![4](./res/4.png)

![5](./res/5.png)

![6](./res/6.png)