Loader by TheAbieza
#e8e8e8
1.container { 2 width: fit-content; 3 gap: 10px 4} 5 6.folder { 7 width: min-content; 8 margin: auto; 9 animation: float 2s infinite linear; 10} 11 12.folder .top { 13 background-color: #FF8F56; 14 width: 60px; 15 height: 12px; 16 border-top-right-radius: 10px; 17} 18 19.folder .bottom { 20 background-color: #FFCE63; 21 width: 100px; 22 height: 70px; 23 box-shadow: 5px 5px 0 0 #283149; 24 border-top-right-radius: 8px; 25} 26 27.container .title { 28 font-size: .9em; 29 color: #283149; 30 text-align: center; 31 margin-top: 15px; 32} 33 34@keyframes float { 35 0% { 36 transform: translatey(0px); 37 } 38 39 50% { 40 transform: translatey(-25px); 41 } 42 43 100% { 44 transform: translatey(0px); 45 } 46} 47 48
1.1K views
1.1K views
MIT License