Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- 자바스크립트기초
- html기초
- css diner
- 레이어그룹
- flexbox defense
- 일러스트 브러쉬
- 아이드로퍼툴
- 포토샵
- IT
- 사진보정
- html
- 자바스크립트 변수
- 일러스트아이소메트릭
- 자바스크립트
- 일러스트기초
- CSS
- 웹디자인
- 디스톨트
- 아이콘가이드
- 스마트오브젝트
- 통계사이트
- 자바스크립트매개변수
- 자바스크립트함수
- 일러스트 기초
- 일러스트3d
- 포토샵기초
- flexbox froggy
- 일러스트 블렌드
- 인포그래픽
- 웹디자인 기초
Archives
- Today
- Total
오늘보다 더 나은 내일
css 쉽게 공부 할 수 있는 게임 모음 css diner/css flexbox froggy/css flexbox defense 본문
STUDY/HTML & CSS
css 쉽게 공부 할 수 있는 게임 모음 css diner/css flexbox froggy/css flexbox defense
papiliofly 2020. 12. 20. 19:54728x90
1. css diner
CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
- css 선택자 학습 게임
- 예시에 따라 음식과 접시 도시락 상태의 코드를 입력하면 다음스테이지로 넘어 간다.
2. flexbox froggy
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
- css 속성중 레이아웃 관련한 flex속성 학습을 위한 게임
- 예시에 따라 개구리를 연꽃으로 보내면 다음 스테이지로 넘어간다.
3. flexbox defense
Flexbox Defense
Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
www.flexboxdefense.com
- 개구리 게임과 마찬가지로 css 속성중 레이아웃 관련한 flex속성 학습을 위한 게임
- 예시에 따라 폭탄을 없애주면 다음 스테이지로 넘어간다
728x90
'STUDY > HTML & CSS' 카테고리의 다른 글
| [Edwith강의정리] HTML 이해하기 (0) | 2020.12.02 |
|---|