• Skip to main content
  • Select language
  • Skip to search
mozilla
Mozilla Developer Network
  • Sign in
    • Sign in or create an account:
      GitHub
    • Sign in:
      Persona
  • Web Technologies
    Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
    References & Guides
    • Learning web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
  • Mozilla Docs
    • Add-ons
    • Firefox
  • Developer Tools
  • Feedback
    • Get Firefox help
    • Get web development help
    • Join the MDN community
    • Report a content problem
    • Report a bug
  •  
Firefox Developer Tools
    • Français (fr)
    • 日本語 (ja)
    • 中文 (简体) (zh-CN)
    • Add a translation
  • Edit
  • Advanced
    • History
    • Print this article
  1. MDN
  2. Firefox Developer Tools
  3. Page Inspector
  4. How to
  5. Visualize transforms
Your Search Results

    Visualize transforms

    If you hover over a transform property in the Rules view, you'll see the transformation overlaid in the page:

    Document Tags and Contributors

    Tags: 
    • Guide
    • Inspector
    • Tools
     Contributors to this page: kscarfone, wbamberg
     Last updated by: kscarfone, Feb 3, 2015, 2:19:19 PM
    1. Creating
      1. Scratchpad
      2. Style Editor
      3. Shader Editor
      4. Web Audio Editor
    2. Debugging
      1. Page Inspector
      2. Console
      3. Debugger
      4. Network Monitor
      5. Storage Inspector
      6. DOM Property Viewer
      7. Developer Toolbar
      8. 3D View
      9. Eyedropper
      10. about:debugging
      11. Selecting iframes
      12. View Source
    3. Mobile
      1. Responsive Design Mode
      2. WebIDE
      3. Firefox for Android
    4. Performance
      1. Performance Tool
      2. Memory
      3. Frame rate graph
      4. Waterfall
      5. Call Tree
      6. Flame Chart
      7. Paint Flashing Tool
      8. Reflow Event Logging
      9. Network Performance
    5. Debugging the browser
      1. Browser Console
      2. Browser Toolbox
    6. Extending the devtools
      1. Adding a panel to the toolbox
      2. Example devtools add-ons
      3. Remote Debugging Protocol
      4. Stream Transport
      5. Source Editor
      6. The Debugger Interface
      7. Web Console custom output
    7. Settings
    8. Tips
    9. Release notes
     

    © 2005-2016 Mozilla Developer Network and individual contributors.

    Content is available under these licenses.

    • About MDN
    • Terms
    • Privacy
    • Cookies
    • Contribute to the code