- 投稿タグ
- ノウハウ
覚書：画像がグイーンと動くCSS
画像がグイーンと動く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]
