コンポーネントコンテンツリンクにスキップする Glassmorphism コンテンツリンクにスキップ

Glassmorphism コンテンツリンクにスキップ

Glassmorphism は、ダッシュボードのアーストーンを備えたコンテンツリンクコンポーネントにスキップします。

プレビュー

HTMLコード

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:p-3 focus:rounded-lg focus:bg-white focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg focus:text-stone-800 dark:focus:bg-stone-800 dark:focus:bg-opacity-30 dark:focus:text-stone-200">Skip to main content</a>

関連コンポーネント

コンテンツリンクにスキップ - レトロな単色

レトロ/ビンテージデザイン、単色の配色、シンプルな複雑さのコンテンツリンクコンポーネントにスキップします。

開ける

コンテンツリンクコンポーネントにスキップする

Tailwind CSS を使用して、レスポンシブ効果とダークテーマのサポートを備えた 3D スタイルの「コンテンツにスキップ」リンクを提供する Web コンポーネント。

開ける

コンテンツリンクコンポーネントにスキップする

物理ボタンに似たスキューモーフィック要素で設計された Skip to Content Link コンポーネント。このコンポーネントには、パステル調の配色、ホバー効果を含む適度な複雑さ、ダークテーマのサポートがあります。

開ける