コンテンツリンクにスキップする
3D デザインスタイルの Skip to Content Link コンポーネントで、アースカラーの配色で、中程度の複雑さの e コマース向けに設計されています。レスポンシブデザインとダークテーマのサポートが含まれています。
HTMLコード
<a href="#maincontent" class="absolute top-4 left-4 z-50 px-6 py-3 bg-green-700 text-white text-lg font-semibold rounded-xl shadow-lg transform transition-transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-green-500 focus:ring-opacity-50 dark:bg-green-900 dark:hover:bg-green-800 dark:focus:ring-green-700">Skip to main content</a>関連コンポーネント
コンテンツリンクにスキップする
パステルカラーのスキームでスキューモーフィックなスタイルでデザインされた、レスポンシブな Skip to Content Link コンポーネント。このコンポーネントは、ブログとコンテンツの消費を目的としており、ダークモードのサポートが含まれています。
コンテンツリンクコンポーネントにスキップ - Skeuomorphism グレースケール
ブログコンテンツ用のグレースケールのSkeuomorphicデザインを使用したシンプルでレスポンシブな「コンテンツにスキップ」リンク。ダークモードのサポートが含まれています。