├── .babelrc ├── .gitignore ├── .yarnrc ├── LICENSE ├── README.md ├── config.json ├── package.json ├── public ├── images │ └── .keep ├── scripts │ └── .keep └── stylesheets │ └── .keep ├── res └── poster.png ├── src ├── images │ ├── .keep │ ├── kako │ │ ├── 1.svg │ │ └── 2.svg │ ├── mirai │ │ ├── 1.svg │ │ └── 2.svg │ └── saikai │ │ ├── 1.svg │ │ └── 2.svg ├── pug │ ├── index.pug │ ├── layout.pug │ └── modules │ │ ├── .keep │ │ ├── chapter-1.pug │ │ ├── chapter-2.pug │ │ └── chapter-3.pug ├── scripts │ ├── app.js │ └── lib │ │ └── animation.js └── scss │ ├── _base.scss │ ├── _function.scss │ ├── _mixin.scss │ ├── _variable.scss │ ├── keyframes │ ├── _chapter-1.scss │ ├── _chapter-2.scss │ ├── _chapter-3.scss │ └── _common.scss │ ├── modules │ ├── _chapter-1.scss │ ├── _chapter-2.scss │ ├── _chapter-3.scss │ └── _sky-night-gift.scss │ └── style.scss ├── webpack.config.js └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/.babelrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/.gitignore -------------------------------------------------------------------------------- /.yarnrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/.yarnrc -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 「夜空ノ贈リ物」で解説する完成品 2 | ![poster](./res/poster.png) 3 | -------------------------------------------------------------------------------- /config.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/config.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/package.json -------------------------------------------------------------------------------- /public/images/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/scripts/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/stylesheets/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /res/poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/res/poster.png -------------------------------------------------------------------------------- /src/images/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/images/kako/1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/kako/1.svg -------------------------------------------------------------------------------- /src/images/kako/2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/kako/2.svg -------------------------------------------------------------------------------- /src/images/mirai/1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/mirai/1.svg -------------------------------------------------------------------------------- /src/images/mirai/2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/mirai/2.svg -------------------------------------------------------------------------------- /src/images/saikai/1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/saikai/1.svg -------------------------------------------------------------------------------- /src/images/saikai/2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/images/saikai/2.svg -------------------------------------------------------------------------------- /src/pug/index.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/pug/index.pug -------------------------------------------------------------------------------- /src/pug/layout.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/pug/layout.pug -------------------------------------------------------------------------------- /src/pug/modules/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/pug/modules/chapter-1.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/pug/modules/chapter-1.pug -------------------------------------------------------------------------------- /src/pug/modules/chapter-2.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/pug/modules/chapter-2.pug -------------------------------------------------------------------------------- /src/pug/modules/chapter-3.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/pug/modules/chapter-3.pug -------------------------------------------------------------------------------- /src/scripts/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scripts/app.js -------------------------------------------------------------------------------- /src/scripts/lib/animation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scripts/lib/animation.js -------------------------------------------------------------------------------- /src/scss/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/_base.scss -------------------------------------------------------------------------------- /src/scss/_function.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/_mixin.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/_mixin.scss -------------------------------------------------------------------------------- /src/scss/_variable.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/_variable.scss -------------------------------------------------------------------------------- /src/scss/keyframes/_chapter-1.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/keyframes/_chapter-1.scss -------------------------------------------------------------------------------- /src/scss/keyframes/_chapter-2.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/keyframes/_chapter-2.scss -------------------------------------------------------------------------------- /src/scss/keyframes/_chapter-3.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/keyframes/_chapter-3.scss -------------------------------------------------------------------------------- /src/scss/keyframes/_common.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/keyframes/_common.scss -------------------------------------------------------------------------------- /src/scss/modules/_chapter-1.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/modules/_chapter-1.scss -------------------------------------------------------------------------------- /src/scss/modules/_chapter-2.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/modules/_chapter-2.scss -------------------------------------------------------------------------------- /src/scss/modules/_chapter-3.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/modules/_chapter-3.scss -------------------------------------------------------------------------------- /src/scss/modules/_sky-night-gift.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/src/scss/style.scss -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/webpack.config.js -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yui540/learn-css-animation/HEAD/yarn.lock --------------------------------------------------------------------------------