목록flexbox (2)

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

[해피CGI][cgimall] 게임으로 배우는 플렉스박스 디펜스 - flexboxdefense.com

속성을 입력하면 타워의 위치가 옮겨지고 웨이브 시작을 누르면 디펜스를 하는 플렉스 박스 디펜스 게임이며, 해당 라운드를 클리어하면 자기가 쓴 속성에 풀이가 나옵니다. 클리어를 하면 할수록 게임 난이도가 어려워지기 때문에 정확하게 이해하면서 공부할 수 있는 사이트입니다!!
웹프로그램밍 자료실/HTML 자료 2024. 2. 19. 09:09
[해피CGI][cgimall] FlexBox Exercise #3 - Image carousel 이미지 슬라이드 소스

우측하단 좌우 화살표 버튼을 클릭하시면 좌측 문구와 우측 이미지가 에니메이션 슬라이드 효과와 함께 변경됩니다. 끝까지 이동시 다시 처음부터 반복합니다. 웹사이트 메인페이지에서 유용하게 사용이 가능해 보입니다. 자바스크립트 소스입니다. 이미지 에니메이션 효과 뿐만 아이라 좌측 문구 영역도 별개의 에니메이션 소스로 작동됩니다. css 를 수정하시면 쉽게 변경이 가능합니다. 첨부파일을 다운로드하시거나 해당 사이트에서 소스를 확인할 수 있습니다.
웹프로그램밍 자료실/JAVA 자료 2023. 2. 21. 09:12
Prev 1 Next