CSS中懸浮的效果可以讓網站頁面更加生動,增加用戶體驗。接下來我將介紹一些常見的懸浮效果并給出相關代碼實現。
1. a標簽懸浮變色
a:hover { color: red; }
2. 圖片懸浮放大
img:hover { transform: scale(1.2); }
3. 按鈕懸浮放射陰影
button:hover { box-shadow: 0 0 10px #ccc; }
4. 卡片懸浮抬起
.card:hover { transform: translateY(-10px); }
5. 文字懸浮鼠標手型
.text:hover { cursor: pointer; }
以上是一些常見的CSS懸浮效果,通過這些簡單的代碼實現可以讓網站更加生動有趣。
上一篇css 如何寫入符號
下一篇css 中的img 用法