> 웹 프론트엔드 > CSS 튜토리얼 > Tharusha Rashmika의 프런트엔드-챌린지-12월 에디션

Tharusha Rashmika의 프런트엔드-챌린지-12월 에디션

Barbara Streisand
풀어 주다: 2024-12-29 09:23:14
원래의
683명이 탐색했습니다.

라이브 사이트 -

프론트엔드-챌린지-12월-edition.vercel.app

프런트엔드 챌린지 - 12월 에디션, Glam Up My Markup: Winter Solstice

에 대한 제출물입니다.

코드를 업로드한 내 GITHUB 프로필-

Frontend-Challenge-December-Edition by Tharusha Rashmika 타루샤200219 / 프론트엔드-챌린지-12월-에디션

프런트엔드-챌린지-12월-에디션


GitHub에서 보기


데모

Frontend-Challenge-December-Edition by Tharusha Rashmika

Frontend-Challenge-December-Edition by Tharusha Rashmika

영감

올해 12월 프론트엔드-챌린지-12월에 참여하며 창의적인 모험을 시작했습니다. 코드, 디자인, 문제 해결의 회오리바람이었지만 돌이켜보면 그것은 내 프론트엔드 여정에서 가장 보람 있는 경험 중 하나였습니다. 진행 상황은 다음과 같습니다.

내가 배운 것-

GSAP 애니메이션 소개
창의성

여행
12월 28일, Frontend-Challenge-December를 발견했습니다. 뭔가 특별한 것을 만들 수 있는 시간이 단 하루밖에 없었는데, 시간과의 싸움이었지만 결과적으로는 놀라운 학습 경험이었습니다.

*내가 만든 것 *

애니메이션에 GSAP.js를 사용하고 우아함을 더하기 위해 CSS를 사용하여 제가 자랑스러워하는 사이트를 구성했습니다. 부드러운 전환부터 반응형 디자인까지 모든 세부 사항이 24시간 동안 세심하게 제작되었습니다.

내가 직면한 어려움은?

가장 어려운 점은? GSAP를 사용한 애니메이션.

  • 스크롤 트리거 이해
  • 타이밍과 부드러움을 적절하게 맞추세요.

위 내용은 Tharusha Rashmika의 프런트엔드-챌린지-12월 에디션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿