목록bar (2)

비전공자 개발일기

BootStrap Progress bar

.progress .progress-bar{ -webkit-animation: progress 5s; /* Safari 4+ */ -moz-animation: progress 5s; /* Fx 5+ */ -o-animation: progress 5s; /* Opera 12+ */ animation: progress 5s; /* IE 10+ */ } @-webkit-keyframes progress { 0% { width: 0%; } 100% { width: 100%; } } @-moz-keyframes progress { 0% { width: 0%; } 100% { width: 100%; } } @-o-keyframes progress { 0% { width: 0%; } 100% { width: 100%..
HTML _CSS 2023. 2. 28. 20:43
Fill Glass Loader

* { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #111; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .loader { width: 32px; height: 72px; display: inline-block; position: relative; border: 2px solid #FFF; animation: fill 2s linear infinite alternate; color: #2598EB; border-radius: 0 0 4px 4px; transform: perspective(140px) rotateX(..
HTML _CSS 2023. 1. 27. 00:40
이전 Prev 1 Next 다음