160 views
1.level-up-notification { 2 width: 330px; 3 margin: auto; 4 background-color: #2ed603a1; 5 border-radius: 10px; 6 padding: 20px; 7 animation: pulse 2s ease infinite, slide-in 1.5s ease; 8} 9 10.level-up-notification p.kdkkkd { 11 font-size: 15px; 12 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 13 margin: 0; 14 text-align: center; 15 color: #ffffff; 16 text-shadow: 1px 2px rgba(60, 59, 59, 0.754); 17} 18 19@keyframes slide-in { 20 0% { 21 transform: translateY(-100%); 22 opacity: 0; 23 } 24 25 100% { 26 transform: translateY(0); 27 opacity: 1; 28 } 29} 30 31@keyframes pulse { 32 0% { 33 transform: scale(1); 34 } 35 36 50% { 37 transform: scale(1.2); 38 } 39 40 100% { 41 transform: scale(1); 42 } 43} 44
guilhermeyohan
Guilherme Yohan
MIT License