CSS3で写真風装飾(ドロップシャドウ・回転)

Internet Explorer(6・7・8)には対応していません。

静岡ホビーフェア ガンダム ラブ at 遠州灘海岸 浜名湖ガーデンパーク  コスモス

a img {

 border: none;

 padding: 8px;
 background-color: #ffffff;
 border: 1px solid #dddddd;

 -moz-box-shadow: 10px 10px 10px #aaaaaa;
 -webkit-box-shadow: 10px 10px 10px #aaaaaa;
 box-shadow: 10px 10px 10px #aaaaaa;

 -moz-transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -o-transform: rotate(30deg);
 transform: rotate(30deg);

 -moz-transform-origin: 30% 95%;
 -webkit-transform-origin: 30% 95%;
 -o-transform-origin: 30% 95%;
 transform-origin: 30% 95%;

 }

a:hover img {

 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);

 -moz-transform-origin: 30% 95%;
 -webkit-transform-origin: 30% 95%;
 -o-transform-origin: 30% 95%;
 transform-origin: 30% 95%;

 }

© shigex works

inserted by FC2 system