コンテンツリンクにスキップする
ビジネス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>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
Glassmorphism Skipは、曇りガラス効果、ぼかし、応答性、およびTailwind CSSを使用したダークモードのサポートを特徴とするコンテンツリンクにスキップします。
Skeuomorphic_Autumn_Skip_to_Content_Link
秋の配色でデザインされたシンプルでスキューモーフィックな「コンテンツにスキップ」リンクコンポーネントは、教育プラットフォームに適しており、ダークモードのサポートによりアクセシビリティと応答性を提供します。
コンテンツリンクコンポーネントにスキップする
レトロ/ビンテージの「コンテンツにスキップ」リンクコンポーネントは、ビジネス/企業のWebサイト向けに設計されており、アクセシビリティとダークモードのサポートを備えています。