간단하고 멋진 CSS 애니메이션, 새해 그리고 다시 돌아와서 기뻐요!

Source: Dev.to

Introduction

여러분, 안녕하세요! 최근에 조금 자리를 비웠었지만, 커뮤니티가 그리웠고 새로운 것을 공유하고 새로운 사람들을 만날 기회를 놓치고 싶지 않았어요. 올해를 맞아 새로운 마음가짐으로 돌아왔으며, 제가 작업해 온 내용을 여러분과 나누게 되어 기쁩니다.

The CSS Animation

새로운 홈 오피스를 정리하던 중, 건강 프로그램 카드를 소개하는 멋진 인스타그램 광고를 보게 되었습니다. 그 디자인을 그대로 구현하고, 오직 CSS만을 사용해 간단한 애니메이션을 추가해 보기로 했어요. 이는 제 스킬을 연습하고 아이디어가 실제로 구현되는 모습을 보는 좋은 연습이었습니다.

아래는 애니메이션의 최종 결과물입니다.

코드를 직접 확인하고 실험해보고 싶다면, Stackblitz에서 프로젝트를 확인할 수 있습니다:

애니메이션 CSS: Stackblitz

Conclusion

이 포스트는 여기까지입니다— 간단한 애니메이션을 공유하고 제가 돌아왔으며 앞으로 더 많은 콘텐츠를 발표할 준비가 되었음을 알려드리고 싶었습니다. 올 한 해를 멋지게 만들어 봅시다!