레트로인포그래픽컴포넌트
레트로/빈티지 디자인, 파스텔 색 구성표 및 다크 모드를 지원하는 반응형 인포그래픽 구성 요소입니다. 스타일링을 위해 Tailwind CSS를 사용하고 블로그 및 콘텐츠 소비에 적합한 복잡한 인터페이스를 위한 여러 대화형 요소를 포함합니다. 타임라인, 진행률 표시줄, 차트, 클릭 유도문안이 포함되어 있으며, 모두 80/90년대 미학과 파스텔 색상으로 꾸며져 있습니다. picsum.photos의 임의의 이미지를 사용하고 아바타에 randomuser.me 합니다.
HTML 코드
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>관련 구성 요소
레트로 빈티지 인포그래픽 구성 요소
Tailwind CSS로 제작된 반응형 파스텔 색상의 레트로/빈티지 스타일 소셜 미디어 인포그래픽 대시보드 구성 요소로, 사용자 프로필 통계, 인기 해시태그 막대 차트 및 예시 이미지를 제공합니다. Tailwind의 dark: 접두사 및 대화형 호버 애니메이션(JavaScript 필요 없음)을 통한 다크 모드 지원이 포함됩니다.
Neumorphic E-commerce 인포그래픽 구성 요소
전자 상거래를 위한 간단하고 반응이 빠른 뉴모픽 인포그래픽 구성 요소로, 유사한 색 구성표를 사용하고 다크 모드를 지원합니다.