Enable 3d dom mode in firefox

3dmodefirefox

As a web developer we always have to fiddle with z-indexes to arrange divs one above the other i.e. manipulate the dom structure to suit our needs.
Today we are going to see how the dom structure of a website actually looks like. Few years back firefox had a feature built in developer mode to allow 3d mode. But since firefox v47 this feature has been removed. However we can still use this handy feature by installing an extension to firefox called tilt 3d.
The steps are:
1) Install tilt 3d plugin from firefox extensions page.
2)Hit ctrl+shift+m and voila we have 3d dom mode enabled.
3dmodefirefox

So try out this simple trick and once again happy coding.

Share post-
About Saurabh Mhatre 70 Articles
Currently working in web and hybrid application development