在利用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
成績以下圖 |
水管清洗
以下內文出自:
bernard.mathe 發表在 痞客邦 留言(0) 人氣()
留言列表