コンテンツリンクコンポーネントにスキップする
Glassmorphism Skipは、曇りガラス効果、ぼかし、応答性、およびTailwind CSSを使用したダークモードのサポートを特徴とするコンテンツリンクにスキップします。
HTMLコード
<a href="#content" class="block sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white/30 focus:backdrop-filter focus:backdrop-blur-lg focus:text-gray-800 focus:px-4 focus:py-2 focus:rounded-md dark:focus:bg-gray-800/30 dark:focus:text-white">Skip to Content</a>関連コンポーネント
コンテンツリンクコンポーネントにスキップする
視覚的に魅力的な「コンテンツにスキップ」リンクコンポーネントは、マイクロインタラクションに焦点を当てたダッシュボード向けに設計されており、補完的な配色とTailwind CSSによるダークモードのサポートを利用しています。
コンテンツリンクコンポーネントにスキップする
テクノロジー/SaaSアプリケーションのアクセシビリティのためのニューモーフィックな「コンテンツにスキップ」リンクコンポーネントで、紫/紫の配色とダークモードのサポートによる完全な応答性が特徴です。
コンテンツリンクコンポーネントにスキップする
3D 要素、アース トーンで設計され、ダッシュボード インターフェイス用に調整された コンテンツ リンク コンポーネントにスキップします。明るいテーマと暗いテーマの両方のスタイルが含まれています。