diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-03-29 20:32:18 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-03-29 20:32:18 +0900 |
| commit | cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f (patch) | |
| tree | 318279530d3392ee40d91968477fc0e78d5cf0f7 /src/client/app/init.css | |
| parent | Update .travis.yml (diff) | |
| download | misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.gz misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.bz2 misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.zip | |
整理した
Diffstat (limited to 'src/client/app/init.css')
| -rw-r--r-- | src/client/app/init.css | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/src/client/app/init.css b/src/client/app/init.css new file mode 100644 index 0000000000..2587f63943 --- /dev/null +++ b/src/client/app/init.css @@ -0,0 +1,66 @@ +/** + * Boot screen style + */ + +@charset 'utf-8'; + +html { + font-family: sans-serif; +} + +body > noscript { + position: fixed; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + background: #fff; +} + body > noscript > p { + display: block; + margin: 32px; + font-size: 2em; + color: #555; + } + +#ini { + position: fixed; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + background: #fff; + cursor: wait; +} + #ini > p { + display: block; + user-select: none; + margin: 32px; + font-size: 4em; + color: #555; + } + #ini > p > span { + animation: ini 1.4s infinite ease-in-out both; + } + #ini > p > span:nth-child(1) { + animation-delay: 0s; + } + #ini > p > span:nth-child(2) { + animation-delay: 0.16s; + } + #ini > p > span:nth-child(3) { + animation-delay: 0.32s; + } + +@keyframes ini { + 0%, 80%, 100% { + opacity: 1; + } + 40% { + opacity: 0; + } +} |