You might need some sizes and padding in your html code depending on what you are zooming. In the example, I used width and padding to keep the text neatly on my page.
<div class="zoombig" style="padding: 15px; width: 250px; margin: auto;">Add the class to a tag. It works on image tags, paragraph tags, span tags and division tags.</div>
/****start***** zoom big 200% *************************/
.zoombig:hover {transition: all .5s ease-in; transform: scale(2.2); position: relative; z-index: 10; background: rgba(245,245,245,.9); box-shadow: inset 0px 0px 20px grey;}
/****end***** zoom big 200% *************************/
