목록progress (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
New HTML5 Tags with no CSS & JS

Only HTML tag 1. progress 어느 작업의 완료 정도를 나내, 주로 진행 표시줄의 형태 File progess 70% 2. details & summary details태그: 사용자가 직접 조작하여 보이거나 숨길 수 있는 부가적인 세부사항을 명시할 때 사용 summary태그: details 요소에서 화면에 보일 제목 오늘의 환율 달러: 1,135.90 유로: 1,284.08 엔화: 1014.88 3. input type="week" 날짜를 입력할 수 있는 입력 필드 정의 4. picture img요소의 다중 이미지 리소스를 위한 컨테이너를 정의할 떄 사용 5. datalist input요소에서 사용하기 위한 옵션들의 리스트를 미리 정의할 때 사용
HTML _CSS 2022. 1. 17. 00:35
이전 Prev 1 Next 다음