css中对背景图片(background-image)进行编辑

精灵图片:

什么是精灵图片呢:将网页中需要的零星的小图片集成到一个大的图片中,网页加载大图片速度就会相对较快。
比如一些网页中的logo。css中对背景图片(background-image)进行编辑

通过background-position来改变背景图片的位置,从而显示出我们想要显示出来的部分。

过渡:

css中对背景图片(background-image)进行编辑

2D转换缩放:

css中对背景图片(background-image)进行编辑

2D位移:

css中对背景图片(background-image)进行编辑

绝对定位居中:

不用margin来进行居中,通过固定定位将上下左右位置都设置为50%就可实现

css中对背景图片(background-image)进行编辑

倾斜:

(不经常使用)transform:skew来设置
css中对背景图片(background-image)进行编辑

旋转:

css中对背景图片(background-image)进行编辑

3D旋转:

只是视觉上的呈现不是真正的3D。
css中对背景图片(background-image)进行编辑