이것은 "50일 안에 50개 프로젝트" 과정의 프로젝트 1/50 쇼케이스입니다. 지난 50일 동안(또는 그보다 약간 더 많은 프로젝트를 완료했지만!) ), 제 방식대로 하고 싶었습니다. 즉, 프로젝트의 주요 아이디어나 주요 개념을 취하여 제대로 이해하고, 장단점을 보고, 심지어 다음 단계로 나아가고자 했습니다.

이 프로젝트의 주요 아이디어는 클릭 시 확장되는 여러 개의 카드(또는 패널)를 만드는 것이었습니다. 매우 간단하지만 여기에는 다음과 같이 구현할 다른 것들이 많이 있습니다.

• 팝오버 API를 사용하여 마우스 클릭 대신 패널을 확장합니다.
• Unsplash API에서 이미지를 가져오는 중입니다.
• 마우스 움직임으로 패널을 대화형으로 만듭니다.
• webkit-box-reflect를 사용하여 각 패널 아래에 반사를 추가합니다.
• 각 패널에 색상 그림자 추가(SVG 필터 사용).

이러한 사항을 구현한 후 이 프로젝트는 미학과 함께 단순함의 복잡성을 보여주는 다음 단계로 진행되었습니다. 향후에는 색상 샘플링 기능을 적용할 수도 있을 것입니다!.

여러분의 의견, 제안, 생각을 듣고 싶습니다. 좋아요와 팔로우도 잊지 마세요.

50일 간의 나의 50개 프로젝트 Journey's Repo
트위터로 연락주세요
Linkedin에서 저에게 연락하세요