竹北網站架設

2023-09-09 10:51:29jamieyw2

網站架設 利用CSS完成 游標移至圖片特效

留言 0 收藏 0 推薦 0
網站架設
在使用CSS的時候，用某些特效能讓網站更有活力，如果運用JQUERY又太過複雜

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

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

1.png



用CSS寫下列代碼
 
  1. .chimga{
  2.     margin:10px;
  3.     width:100%;
  4.     height:100%;
  5.     box-sizing:border-box;
  6.     overflow:hidden;
  7.     display:block;
  8. }
  9. .chimga:hover img{
  10.     -moz-transform:scale(1.3) rotate(2deg);
  11.     -webkit-transform:scale(1.3) rotate(2deg);
  12.     -o-transform:scale(1.3) rotate(2deg);
  13.     -ms-transform:scale(1.3) rotate(2deg);
  14.     transform:scale(1.3) rotate(2deg);
  15. }
複製代碼

在到圖片連結加入class
 
  1. class="chimga"
複製代碼

結果如下圖

 

2.png

上一篇：Opencart 在Cpanel主機上點上傳不會出現目錄

下一篇：網頁優化SEO技巧

你可能感興趣的文章

廚藝一流

魏徵宰相來進諫，淑女窈窕好身材；玫瑰花香處處飄，廚藝一流真是讚。

13 小時前

◎頭殼袋糊仔

■台語詩偈（政治話題留言回應） 　　◎頭殼袋糊仔 　　漢字構形優美、涵意深遠！ 　　怎有人會主張‥廢除漢字，全面用白話字（羅

18 小時前

可愛的虎皮四口之家

虎皮鸚鵡太會生了 第一胎才生兩隻  就讓我領略到威力 因為從孵蛋才轉眼一個月後 竟已經從兩隻親鳥變成一家四口而且全都會飛

2 小時前

我想吃掉你的胰臟

https://youtu.be/FT--R0_B6Pg?si=9AdCcjEm7Pr8zG_7

2 小時前

20241110豆狂時節

20241110豆狂時節 難得全家出門釣魚.......... 帶了釣具四處探點.......... 離海愈遠狀況愈差.......... 最後選擇路邊釣

10 小時前
PChome首頁 線上購物 24h購物 書店 露天拍賣 比比昂代購
新聞 / 氣象 股市 個人新聞台 廣告刊登 加入聯播網 全球購物
買賣租屋 支付連 國際連 Pi 拍錢包 旅遊 服務中心
買車 旅行團 汽車險推薦 線上麻將 雜誌 星座命理 會員中心
一元簡訊 直播達人 數位憑證 企業簡訊
買網址 虛擬主機 企業郵件
廣告刊登 隱私權聲明
消費者保護 兒童網路安全
About PChome 投資人聯絡 徵才
著作權保護｜網路家庭版權所有、轉載必究 ‧Copyright PChome Online

PChome Online and PChome are trademarks of PChome Online Inc.