Changed key-frames to opacity instead of scale

This commit is contained in:
Thomas Smith 2023-01-20 13:22:18 -05:00
parent 1871627b18
commit 2b4bd00c66

View file

@ -1,6 +1,6 @@
<div id="preloader"> <div id="preloader">
<div id="status"> <div id="status">
<i class="icon-tea-logo-iconasset-1 grid-gray tea-icon lead"></i> <i class="icon-tea-logo-iconasset-1 grid-gray tea-icon lead mb-0"></i>
<div id="loading-text"><p class="grid-gray">steeping...</p></div> <div id="loading-text"><p class="grid-gray">steeping...</p></div>
</div> </div>
</div> </div>
@ -12,9 +12,9 @@
animation: pulse 1s infinite; animation: pulse 1s infinite;
} }
@keyframes pulse { @keyframes pulse {
0% { transform: scale(1); } 0% { opacity: 1; }
50% { transform: scale(1.05); } 50% { opacity: 0.5; }
100% { transform: scale(1); } 100% { opacity: 1; }
} }
#preloader { #preloader {
position: fixed; position: fixed;
@ -37,7 +37,6 @@
#loading-text { #loading-text {
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
margin-top: 10px;
animation: pulse 1s infinite; animation: pulse 1s infinite;
} }
</style> </style>