画像がグイーンと動く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]

この記事を書いた人

茂田 道輝
茂田 道輝
在宅で仕事していますので、ご連絡いただいたら早めの返信をお約束できると思います。(原則24時間以内の返信を目指しています)しかも、状況によっては即日対応できるかもしれません!!

WordPressを使ったホームページ作成の個人指導の出張も行いますのでお気軽にご相談くださいね。(相談無料)電話番号は、090-1852-8189 です。