프드프
상위 1%만 아는 고급 스킬을 알려드립니다. - 돈버는방법, 창업, 돈버는법, 쇼핑몰제작, 위탁판매, 인터넷투잡, 남자소자본창업, 상가분양, 자기계발, 전자책, ebook
pudufu.co.kr
유명한 사이트까지는 아니지만, 자기계발하시는 분들에게는 조~금 유명할 사이트인(?) 프드프 사이트입니다.
그중 "구매 현황"이라는 카테고리를 한번 따라 해서 만들어봤습니다.
(이걸 구현한다는 뜻.)
완전 구현은 아니지만, 핵심적인 요소. 즉, 아래에서 위로 무한히 계속되는 애니메이션이 들어가 있습니다.
마지막 리스트부분과 첫 리스트 부분에는 약간의 mask가 들어가 있습니다.
관련된 코드는 다음 깃허브 페이지에 들어가면 볼 수 있습니다.
https://github.com/kss2002/PDP-copy
GitHub - kss2002/PDP-copy
Contribute to kss2002/PDP-copy development by creating an account on GitHub.
github.com
도움이 되면 좋겠네요!
+ (아, 페이지도 공개했으니 구경하고 싶으시면 다음 링크로 들어가시면 구경 가능해요.)
https://kss2002.github.io/PDP-copy/
프드프 구매 현황 대충 따라하기
a**** [초사고 9기] 금기의 심리학 챌린지
kss2002.github.io
'프론트 엔드 > CSS' 카테고리의 다른 글
| 터치 디바이스(핸드폰/패드) 마우스 hover 해결방법 (1) | 2024.10.31 |
|---|---|
| 미디어 쿼리란? 기초부터 실전까지 (1) | 2024.10.09 |
| CSS에서 반응형 웹페이지를 object-fit 속성으로 컨텐츠 제어하기 (1) | 2024.09.04 |
| CSS 애니메이션 사이트 (0) | 2024.09.03 |
| CSS 전체적인 복습 (2) | 2024.08.28 |
