![]()
오늘은 로그인&회원가입 페이지를 디자인 해보았습니다. 소스 코드 index.html Sign up Sign up Login Login next index.css body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Jost', sans-serif; background: radial-gradient(circle farthest-corner at 32% 106%,#2e17c5 0%,#6251ff 5%,#103dae 18%,#1116aa 32%,transparent 82%) , linear-gradient(135deg,#31088a 24%,#4..
![]()
오늘은 Javascript로 피아노를 만들어 보았다. 소스코드 index.html ONSTAR PIANO Volume Show Keys a w s e d f t g y h u j k o l p ; style.css @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body { display: flex; align-items: center; justify-content: center; min-height: 100vh; backgro..
![]()
오늘은 HTML + CSS + JS를 이용하여 간단하게 WEB에 시계를 뛰어 보도록 하겠습니다. index.html 00 00 00 AM style.css @import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #2f363e; } #time..
