在使用CSS的時候，用某些特效能讓網站更有活力，如果運用JQUERY又太過複雜

不過今天作者看到某網站的運用不錯，於是就利用CSS也做了

可以看到下圖，滑鼠未移置圖片範例

用CSS寫下列代碼

.chimga{
    margin:10px;
    width:100%;
    height:100%;
    box-sizing:border-box;
    overflow:hidden;
    display:block;
}
.chimga:hover img{
    -moz-transform:scale(1.3) rotate(2deg);
    -webkit-transform:scale(1.3) rotate(2deg);
    -o-transform:scale(1.3) rotate(2deg);
    -ms-transform:scale(1.3) rotate(2deg);
    transform:scale(1.3) rotate(2deg);
}

在到圖片連結加入class

class="chimga"

結果如下圖

新竹網頁設計,新竹網頁,RWD網頁設計,竹北網頁設計