JSFiddle - React, Tailwind, and code Playground

by Timatnet

HTML

<div id="menu">
<img class ="blog" src="http://upload.wikimedia.org/wikipedia/commons/2/22/Turkish_Van_Cat.jpg" alt="">
</div>

CSS

#menu {
	text-align: center;
    margin: 50px auto auto auto;
}

#menu img {
    width: 250px;
	height: 274px;
	overflow: hidden;

}
.blog {
	/*height: 375px;*/
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
    
}

.blog:hover {
	cursor: pointer;
	/*height:475px;
	width: 350px;*/
    
    transform:scale(2);
    -ms-transform:scale(2); /* IE 9 */
    -moz-transform:scale(2); /* Firefox */
    -webkit-transform:scale(2); /* Safari and Chrome */
    -o-transform:scale(2); /* Opera */
    box-shadow: 0 10px 30px black;
}