---
title: Transform の可視化
slug: Tools/Page_Inspector/How_to/Visualize_transforms
tags:
  - Guide
  - Inspector
  - Tools
translation_of: Tools/Page_Inspector/How_to/Visualize_transforms
---
<div>{{ToolsSidebar}}</div><p><a href="/ja/docs/Tools/Page_Inspector/UI_Tour#Rules_view">ルールビュー</a> で <a href="/ja/docs/Web/CSS/transform"><code>transform</code></a> プロパティにマウスポインターを載せると、ページ上に変形操作をオーバーレイ表示します:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/9961/transform.png" style="display: block; height: 1670px; margin-left: auto; margin-right: auto; width: 1968px;"></p>