画像がグイーンと動くCSSを書いてみた。

[css] .squareimages:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.squareimages img {
width: 100%;
height: auto;
display: block;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(0.9);
transform: scale(0.9);
padding: 25px;

[html]