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