桃園網站架設

2023-05-05 02:58:32marciacj2

使用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



本篇文章引用自此:

下一篇：網站架設 BootStrap img-responsive

你可能感興趣的文章

「內衣女神」周曉涵被要求再瘦點 公開私訊為難：情何以堪

https://www.msn.com/zh-tw/entertainment/news/%E5%85%A7%E8%A1%A3%E5%A5%B3%E7%A5%9E-%E5%91%A8%E6%9B%89%E6%B6%B5%E8%A2%AB%E8%A6

14 小時前

應用文 主題：公告如何寫？

主題：公告的寫法　 【學習重點】如何寫公告？ 一、關係： 平行文  二、結構：(課本210)   發文日期：    

5 小時前

纽约一行诗刊 2024-05-15

在家门流浪，我无所归依  纽约一行诗刊 2024-05-15 https://mp.weixin.qq.com/s/15h9kk5CUQmDnqrtvk8V6A

2024-05-17

滅世男孩/隊冧全世界 Boy Kills World

滅世男孩/隊冧全世界 Boy Kills World Director Moritz Mohr Writers Tyler Burton Smith Arend Remmers Moritz Mohr Stars Bi

15 小時前

「信願念佛」—印光大師文鈔菁華錄

「敦倫盡分，閑邪存誠，老實念佛，求生淨土。」——淨土宗第十三代祖師：印光大師，《印光法師文鈔全集》(包含增廣、續編、

4 小時前