웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Flight slider 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] Flight slider

해피CGI윤실장 2024. 6. 3. 09:24

  HTML, CSS로 제작되었으며 슬라이드에 시각적 효과가 들어가 있습니다.

데모사이트 주소에서 확인이 가능합니다.
 
 
 
HTML 
 
<div class="flight-component">
  <span>New York</span>
  <input type="range" class="flight" style="--val:0" value="0" min="0" max="100" oninput="this.style='--val:'+this.value" aria-label="percentage flown" />
  <span>Madrid</span>
</div>
 

 

 

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] HTML 문자참조표  (0) 2024.06.04
[해피CGI][cgimall] Animated SVG filter  (0) 2024.06.03
[해피CGI][cgimall] Pure CSS (SCSS) Bootstrap compatible circular progress bars  (0) 2024.04.23
[해피CGI][cgimall] Clean Toast Notifications - CSS  (0) 2024.04.18
[해피CGI][cgimall] 아이콘이 나오는 사이드 메뉴  (0) 2024.04.02
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments