summaryrefslogtreecommitdiffstats
path: root/devtools/docs/user/page_inspector/how_to/visualize_transforms/index.rst
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--devtools/docs/user/page_inspector/how_to/visualize_transforms/index.rst8
1 files changed, 8 insertions, 0 deletions
diff --git a/devtools/docs/user/page_inspector/how_to/visualize_transforms/index.rst b/devtools/docs/user/page_inspector/how_to/visualize_transforms/index.rst
new file mode 100644
index 0000000000..46eb500581
--- /dev/null
+++ b/devtools/docs/user/page_inspector/how_to/visualize_transforms/index.rst
@@ -0,0 +1,8 @@
+====================
+Visualize transforms
+====================
+
+If you hover over a `transform <https://developer.mozilla.org/en-US/docs/Web/CSS/transform>`_ property in the :ref:`Rules view <page_inspector_ui_tour_rules_view>`, you'll see the transformation overlaid in the page:
+
+.. image:: transform.png
+ :class: center