コンテンツリンクにスキップする
マテリアルデザインの原則に沿ったコンテンツリンクコンポーネントにスキップし、レスポンシブデザイン、ダークモードのサポート、ソーシャルメディアアプリケーション向けのシンプルなモノクロ配色を特徴としています。
HTMLコード
<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>関連コンポーネント
コンテンツリンクにスキップする
3D デザインスタイルの Skip to Content Link コンポーネントで、アースカラーの配色で、中程度の複雑さの e コマース向けに設計されています。レスポンシブデザインとダークテーマのサポートが含まれています。