CSS Scan Pro

CSS Scan Proを使用すると、お気に入りのWebサイトの外観を非常に簡単に取得できます。要素にカーソルを合わせると、CSS、色、アセット、アニメーション、フォント、サイズがすぐに表示されます。コードを記述せずに、直感的なCSSエディターでコピー、エクスポートができます。

CSS Scan Proを使うメリット

CSS Scan Proは、拡張機能としてブラウザーで実行されます。WordPress、Shopify、React、Wix、すべてのテーマなど、あらゆる種類のWebサイトで機能します。ウェブサイトがあなたのものでなくても動作します。コードを変更する必要はなく、オフラインで動作します。

• その場でCSSを検査する
• 整頓された、最適化された、クリーンなCSS：理解しやすいコード
• 色のプレビューと構文の強調表示
• 使用されているフォントを特定する
• エレメントの寸法を確認してください
• HTML属性を確認する
• すべての疑似クラス（：hover、：focusなど）をコピーします
• すべての疑似要素（：before、：afterなど）をコピーします
• 要素とそのすべての子のCSSとHTMLをコピーします
• CSSアニメーションをコピー@keyframes
• CSSセレクター（クラス、ID、および一意のセレクター）をコピーします
• 要素をCodepenにエクスポートするか、ファイルとして保存します
• ガイドラインを使用してリアルタイムでアライメントを確認します
• DOMツリーナビゲーションを使用して、選択した要素を再ターゲットします

料金

CSS Scan Proは、無料プランを提供していません。CSS Scan Proの有料プランは月額10ドルからです。※別途費用がかかる場合があります。
無料トライアルがあります。