juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loading img matching 3d logo (fixes #126)

Browse Source
This commit is contained in:
Diego F. Goberna
2018-10-17 20:49:49 +02:00
parent a2059796be
commit 4ea609ae07
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/img/loadingLogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

18
src/index.css
View File

@@ -29,17 +29,19 @@ html {
.a-loader-title { .a-loader-title {
animation: loaderTitle 1s infinite alternate; animation: loaderTitle 1s infinite alternate;
color: #FAFAFA; color: rgba(0,0,0,0);
font-family: monospace; background: none;
font-size: 72px; background-image: url('../assets/img/loadingLogo.png');
font-style: italic; height: 21.2vh;
font-weight: bold; background-repeat: no-repeat;
margin-top: 108px; background-position: center;
text-transform: uppercase; margin-top: 6vh;
background-size: contain;
margin-left: -4vh;
} }
@keyframes loaderTitle { @keyframes loaderTitle {
0% { opacity: 1; } 0% { opacity: 1; }
50% { opacity: 0.5; } 50% { opacity: 0.8; }
100% { opacity: 1; } 100% { opacity: 1; }
} }