桃園網頁設計

2023-04-11 04:24:08eugenetwsa

網頁設計 利用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



本篇文章引用自此:

上一篇：ESP32 用Arduino程式上傳測試HelloWorld

你可能感興趣的文章

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

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

3 小時前

特色：只升不跌

今天，已經升了HK$2.97

10 小時前

分禪淨界限( 10 ) 有禪無淨土

「信願念佛」—印光大師文鈔菁華錄   「敦倫盡分，閑邪存誠，老實念佛，求生淨土。」——淨土宗第十三代祖師：

3 小時前

無常是新生 聖嚴法師

無常是新生 聖嚴法師 「無常」是指世間現象，都在不斷地生生滅滅。若能懂得一切現象都是無常，便能對未來充滿信心，對世

1 小時前

分禪淨界限(12)禪是頓、實，淨是漸、權？

「信願念佛」—印光大師文鈔菁華錄   「敦倫盡分，閑邪存誠，老實念佛，求生淨土。」——淨土宗第十三代祖師：

3 小時前