본문 바로가기
웹퍼블리셔를 위한/HTML,CSS 팁

자바스크립트 없이 html과 css로 만드는 슬라이드 배너 강좌

by 디자인업 2020. 9. 11.

이번 영상은 실무에서 활용하기에는 좀 무리가 있지만
html과 css 를 보다 깊게 공부하는데 도움이 될 것 같습니다.

input의 radio속성을 활용하여 슬라이드를 선택적으로 보여지게 하였으며
슬라이드배너가 부드럽게 움직이는 효과는 css의 transition을 이용하였습니다.

그럼 아래 코남님의 재밌고 센스있는 강좌영상을 확인해보세요~

참고로 보시면 아시겠지만 코남님의 강좌영상 센스가 구독버튼을 자연스럽게 누르게 할 것입니다. 

 

 

사용된 예제파일은 아래 블로그 링크를 통해 이동하셔서 다운받으 실 수 있습니다.

https://blog.naver.com/co-nam/222084570760

댓글