웹프로그램밍 자료실/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>
|
