DEV의 프론트엔드 챌린지: Winter Solstic!

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

에 대한 제출물입니다.

내가 만든 것

기본적인 html, css, javascript만으로 홈페이지가 구축되어 있습니다.
웹사이트에서는 밤 테마와 낮 테마 두 가지 테마를 유지하려고 노력했습니다.
전반부는 밤에 얼음 입자로 시작되고 나머지 절반은 구름과 태양으로 시작됩니다.
겨울의 느낌을 표현하기 위해 많은 이미지와 요소를 추가하려고 노력했습니다.
또한 웹사이트가 전혀 반응하지 않습니다.

데모

여기 웹사이트의 라이브 데모가 있습니다
https://medium-winter-solstice.vercel.app/
그리고 여기 웹사이트가 있다면 제 github 레포가 있습니다
https://github.com/Sami3160/Medium-Winter-Solstice

여행

창의력을 더 많이 배웠고 주로 백엔드에서 작업하지만 오랫동안 프런트엔드 웹사이트를 만든 후에 만족감을 느낍니다. 웹사이트에서 가장 좋아하는 부분은 산을 날아다니는 산타와 구름과 달이라는 것입니다.

스크롤하면 테마가 밤, 자정, 새벽, 밝은 흰색 정오, 그리고 다시 저녁처럼 변경됩니다.

폭설 효과, 애니메이션, 요소, 멋진 시차 효과 등의 효과를 더 추가하고 싶었지만 이 정도로만 했습니다.

그리고 또 하나 재미있는 부분은 "반구를 가로지르는 지점" 섹션인데, 하나의 지구 반구 이미지가 회전하며 설명이 바뀌는 것입니다.

위 내용은 DEV의 프론트엔드 챌린지: Winter Solstic!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!