mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
51 lines
958 B
HTML
51 lines
958 B
HTML
<div class="level-up-notification">
|
|
<p class="kdkkkd">Congratulations! You have reached level 10!</p>
|
|
</div>
|
|
|
|
<style>
|
|
/* From Uiverse.io by guilhermeyohan - Tags: notification */
|
|
.level-up-notification {
|
|
width: 330px;
|
|
margin: auto;
|
|
background-color: #2ed603a1;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
animation: pulse 2s ease infinite, slide-in 1.5s ease;
|
|
}
|
|
|
|
.level-up-notification p.kdkkkd {
|
|
font-size: 15px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
text-shadow: 1px 2px rgba(60, 59, 59, 0.754);
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
0% {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
|
|
50% {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
</style>
|