본문 바로가기

Coding Artist3

[Coding Artist]To Do List With Javascript | Step by Step Javascript Project See the Pen To Do List With Javascript | Step by Step Javascript Project by ektjtthsrk (@minos79) on CodePen.https://www.youtube.com/watch?v=cOUNOi297Mw&list=PLNCevxogE3fgy0pAzVccadWKaQp9iHspz Html 코드더보기 Add Css 코드더보기*,*::before,*::after { padding: 0; margin: 0; box-sizing: border-box;}body { height: 100vh; .. 2024. 5. 12.
Mini Time & Date Widget https://www.youtube.com/watch?v=USoocGbbl4s See the Pen Mini Time & Date Widget by ektjtthsrk (@minos79) on CodePen. 코드 리뷰를 시작하겠다. Html은 시계와 날짜 영역을 Div태그로 나누었다. 더보기 Css 영역 역시 grid로 시간 영역과 날짜 영역으로 나눈 뒤 세부적으로 마무리하였다. * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #1a1a1a; } .container { width: 21.78em; display: grid; position: abso.. 2023. 6. 19.
Split And Reveal Text Effect | CSS Text Animation 최근 공부중인 Css 스승인 [Coding Artist]를 복기하여 본인의 Css공부를 기록하여 보려한다. https://www.youtube.com/watch?v=6o08ebSeZtM See the Pen Split And Reveal Text Effect | CSS Text Animation by ektjtthsrk (@minos79) on CodePen. Html 코드이다. 더보기 1stminokingdom.tistory.com HajaGo HajaGo Css 코드이다. 더보기 *{ padding:0; margin:0; box-sizing:border-box; font-family:"Poppins", sans-serif; } body { background-color: #0a0a0a; } .cont.. 2023. 6. 18.