CSS可以讓照片動態化,這樣可以使網站變得更加生動有趣。
img:hover{ transform: rotate(360deg); }
上面這段代碼可以讓圖片在鼠標懸停時旋轉360度。除了旋轉,CSS還可以實現其他動態效果。
img:hover{ transform: scale(1.5); }
上面這段代碼可以讓圖片在鼠標懸停時放大1.5倍。
img{ transition: all 1s ease-in-out; }
這段代碼是設置圖片的動畫過渡效果,讓變化更加平滑自然。
除了以上的代碼,還可以通過CSS實現圖片的平移、擺動、透明度變化等動態效果。
總之,CSS可以讓照片動態化,不僅能提高網站的交互性,還可以更好地吸引用戶的注意力,讓網站更加生動有趣。