> 웹 프론트엔드 > CSS 튜토리얼 > 나는 이 motherfriggin&# *들판*에서 이 motherfriggin&# *귀뚜라미*와 함께 *먹었어요*!

나는 이 motherfriggin&# *들판*에서 이 motherfriggin&# *귀뚜라미*와 함께 *먹었어요*!

WBOY
풀어 주다: 2024-07-31 14:55:31
원래의
1094명이 탐색했습니다.

I have *had* it with these motherfriggin

Frontend Challenge v24.07.24, Glam Up My Markup: Recreation에 대한 제출물입니다

내가 만든 것

가상 뉴욕 레크리에이션 크리켓 리그 페이지! 저는 주제를 [의도적으로] 잘못 해석하는 기발하고 풍자적인 것을 만들고 싶었습니다(저는 스포츠에 대해 아무것도 모르기 때문에).

데모

여기에 포함이 있지만 해당 폼 팩터에 맞게 설계하는 사람이 없으므로 Codepen에서 전체 페이지 버전을 확인하세요.

여행

제공된 마크업을 사용하여 CSS 스냅 포인트, 고정 헤더 및 이상한 시차 이미지가 포함된 세로 슬라이드쇼 형식의 한 페이지 웹사이트 초안을 작성했습니다.

TBH, 기억에서 끌어낼 수 있는 기술만을 사용하여 최대한 빨리 이 작업을 수행하고 싶었습니다. HTML은 수정되지 않았지만 JavaScript를 통해 부드럽고 최소한으로 조작되었습니다(이메일, 전화, 날짜 등 링크 가능한 모든 항목을 링크 가능하게 만들기 위해). Flexbox를 무료로 사용했지만 기본은 아니지만 모두 꽤 표준적입니다.

단위가 좀 엉성하지만(rem 대신 px) 느낌은 괜찮습니다.

이미지는 OpenAI 및 ChatGPT 4o에서 성별에 따라 제공됩니다.

위 내용은 나는 이 motherfriggin&# *들판*에서 이 motherfriggin&# *귀뚜라미*와 함께 *먹었어요*!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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