프로젝트 (5) 썸네일형 리스트형 프로젝트 - 퐁 Start /* main.css */ * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; overflow: hidden; } .frame-1 { height: 100vh; width: 100%; transition: 0.4s ease; } canvas { border: 4px solid #000; border-bottom: none; margin: auto; display: block; } .game-over { position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: cente.. 프로젝트 - to do To do 리스트 관리 애플리케이션 index.html To Do to do add item In Progress add item Completed add item on hold add item main.css @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; flex-direction: column; text-transform: capitalize; font-family: 'Poppins'; background: linear-gradient( 90deg, r.. 프로젝트 - 뮤직 플레이어 뮤직 플레이어 애플리케이션입니다. index.html Takyon (Death Yon) Death Grips 00:00 00:00 main.css @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; background: #c9cde3; display: flex; align-items: center; justify-content: center; font-size: 12px; font-family: 'Spartan'; } /* image styles */ .i.. 프로젝트 - 가위 바위 보 도마뱀 스폭 게임 가위, 바위, 보 업데이트 버전 게임이라고 합니다. index.html rock paper scissors and so on CSS @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; align-items: center; justify-content: space-around; font-family: 'Poppins'; } .card { min-height: 400px; width: 450px; margin: auto; display: flex; flex-dire.. 프로젝트 - 계빨 게임 (Math Sprint) 가장 짧은 시간 안에 주어진 문제의 답이 맞는지 맞추는 게임입니다. math sprint 10 questions best score: '' 40 questions best score: '' 70 questions best score: '' 120 questions best score: '' 1 2 3 Go 1 1 1 1 YOUR TIME '' base time: '' penalty: '' start wrong correct try again CSS @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100.. 이전 1 다음
