CSS是網頁設計中很重要的一部分,通過它可以實現一些很酷的效果。其中移動圖片位置不變也是其中之一。那么,我們該如何實現呢?下面就給大家介紹一下。
首先,我們需要在HTML中加入一張圖片,代碼如下:
<img src="圖片地址" alt="圖片描述">
接著,在CSS樣式表中添加以下代碼:
img { position: fixed; /*讓圖片固定在頁面上*/ top: 50%; /*使圖片在垂直方向上居中*/ left: 50%; /*使圖片在水平方向上居中*/ transform: translateX(-50%) translateY(-50%); /*將圖片向左上角移動50%的距離*/ }
這樣一來,我們就可以實現在移動圖片的同時保持其位置不變了。