コンテンツリンクにスキップする
ビジネスWebサイト用の3Dグレースケールデザインのコンテンツリンクコンポーネントにスキップします。レスポンシブで、Tailwind CSSを使用したダークモードをサポートしています。JavaScript はありません。
HTMLコード
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main content</a>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
水彩画/芸術的なスタイル、トライアドの配色、農業/農業のテーマ要素を備えた、シンプルでレスポンシブな「コンテンツにスキップ」リンクコンポーネントで、ダークモードをサポートします。
コンテンツリンクコンポーネントにスキップする
Tailwind CSS を使用して、レスポンシブ効果とダークテーマのサポートを備えた 3D スタイルの「コンテンツにスキップ」リンクを提供する Web コンポーネント。
コンテンツリンクコンポーネントにスキップする
3D 要素、アース トーンで設計され、ダッシュボード インターフェイス用に調整された コンテンツ リンク コンポーネントにスキップします。明るいテーマと暗いテーマの両方のスタイルが含まれています。