천사님 밥 친구해요

(내꺼) 첫 작품입니다..아직 몸뚱이랑 팔,다리 꼬리는 무리네요. HTML 삽입 미리보기할 수 없는 소스 흐흐 처음으로 만들어본 재 작품이네요. 몸뚱이까지는 시간이 좀 걸릴 듯 하네요. 흐음... 오늘 조별과제 PHP 넣어서 할려고 했지만. 비동기식으로는 끝났는데.. 조에서 동기식으로 하자고 해서... 학원에서 배우다 만 동기식 넣으니간 잘 안되네요. 그래서 에라이하고 만든 CSS 애니메이션 첫 작품입니다. 학원 선생님이 열심히 하셔서 그런지 수업이 잘 이해가 되네요.. 이제 배운지 꼴랑 3개월인데. 이정도까지 끌어 올려주실지 몰랐네요.

참고 사이트 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=jsy930609&logNo=221389876987 사각형 #tetragon { wiwdth: 100px; height: 100px; background-color: #000; } 직사각형 모양 #tetragon { width: 200px; height: 100px; background-color: yellow; } 다이아몬드 모양 #tetragon { width: 0px; height: 0px; border: 50px solid transparent; border-bottom-color: #000; position: relative; top: -50px; } #tet..

HTML 삽입 미리보기할 수 없는 소스 음.. 이번 애니메이션은 다른 사람거를 퍼왔습니다. 계속 애니메이션을 공부 해볼려고 하였지만. 애니메이션이 상당히 어렵더라고요. html, css, js 등등 섞어서 만들어서 초보인 저에게 이해가 안가더라고요. 학원에서 선생님 홈페이지에 가니간 다양한 애니메이션이 많더라고요. html,css만 있는 애니메이션을 먼저 공부하고 js를 도전해보고 싶네요.

여태까지 배운걸 응용해서 간단한 애니메이션을 해봤어요.ㅎ_ㅎ HTML 삽입 미리보기할 수 없는 소스 내일은 좀 더 새로운걸 해볼 예정입니다. 신기하네요

최종 완성된 모습 HTML 삽입 미리보기할 수 없는 소스 저번에 올렸던 CSS 애니메이션이 궁금해서 공부했습니다. HTML코드 div태그 6개를 만듭니다. 애니메이션에 들어가는 꽃잎 6개 입니다. CSS코드 body { background-color: #000; display: flex; align-items: center; justify-content: center; height: 100vh; } .watch__face { animation: spring 3s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite; width: 125px; height: 125px; } .circle { width: 125px; height: 125px; border-radius: 50%..

HTML 삽입 미리보기할 수 없는 소스