コンテンツリンクにスキップする
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 コンポーネント。このコンポーネントには、パステル調の配色、ホバー効果を含む適度な複雑さ、ダーク テーマのサポートがあります。
コンテンツリンクコンポーネントにスキップする
旅行/観光Webサイト向けに設計されたシンプルでアクセス可能なコンテンツスキップリンクコンポーネントで、セピア/ブラウンの配色と目の疲れを軽減するダークモードのサポートが特徴です。
コンテンツリンクコンポーネントにスキップする
水彩画/芸術的なスタイル、トライアドの配色、農業/農業のテーマ要素を備えた、シンプルでレスポンシブな「コンテンツにスキップ」リンクコンポーネントで、ダークモードをサポートします。