My Cute Character 🤍

html, css, 애니메이션 기능을 이용해서 캐릭터 만들기

첫 작품

장난끼 많은 토끼 통글이

연습으로 만든 첫 캐릭터 : )
동글동글한 얼굴, 눈동자, 귀가 특징인 통글이 입니다. 장난치는걸 좋아해요

🔗 페이지

---

🥕 당근나라 칭구들 - 기니피그 ver.

캐릭터 대회 출품작, 당근을 좋아하는 기니피그

당근을 너무 사랑하는 기니피그에요.
몰래 당근을 훔쳐먹었는데 입에 당근 색소가 물들어서 딱 걸려버렸어요 😋

매력포인트 : 벌렁벌렁 콧구멍, 쫑긋거리는 귀, 살랑거리는 수염 , 당근 물든 입 🐹

↘️ 페이지 링크를 타고 애니메이션도 확인해보세요!

🔗 페이지

🥕 당근나라 칭구들 - 토끼 ver.

기니피그와 똑 닮은 기니의 단짝 토깽이에요.
친구는 닮는다던데,, 생김새 뿐만 아니라 먹성까지 닮았답니다.

🔗 페이지

---

느끼고 배운점

• 하얀 백지에서 시작한다는 것이 처음에는 막연한 두려움으로 느껴졌다. 그리기 툴로 그려도 제대로 그릴까 말까 인데,, div와 CSS 스타일링을 통해 캐릭터를 만들 수 있다고? 하는 의문으로 하나 둘 div를 쌓고 다듬다보니, 어느덧 멋진 캐릭터가 완성돼있었다. 뭐든 하면 된다. 처음부터 겁먹지 말기 !

• css 스타일링을 세부적으로 하다보니 position 사용이 정말 익숙해졌다. 내가 원하는 위치에 div를 쌓고, 보더를 원하는대로 구현해내는 것이 정말 보람찼다. z-index가 어떻게 작동하는지, 애니메이션이 어떻게 작동하는지 또한 즉각적으로 알 수 있어 CSS 레벨을 상승하는데 많은 도움이 된 것 같다. 취미로 종종 하나씩 만들어봐도 나쁘지않을 것 같다.