css scale 缩放基准点
生活随笔
收集整理的這篇文章主要介紹了
css scale 缩放基准点
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用transform-origin來(lái)進(jìn)行控制
在使用transform方法進(jìn)行文字或圖像的變形時(shí),是以元素的中心點(diǎn)為基準(zhǔn)點(diǎn)進(jìn)行的。使用transform-origin屬性,可以改變變形的基準(zhǔn)點(diǎn)。
用法:transform-origin: 10px 10px;
共兩個(gè)參數(shù),表示相對(duì)左上角原點(diǎn)的距離,單位px,第一個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)水平方向的距離,第二個(gè)參數(shù)表示相對(duì)左上角原點(diǎn)垂直方向的距離;
兩個(gè)參數(shù)除了可以設(shè)置為具體的像素值,其中第一個(gè)參數(shù)可以指定為left、center、right,第二個(gè)參數(shù)可以指定為top、center、bottom。
總結(jié)
以上是生活随笔為你收集整理的css scale 缩放基准点的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: php-fpm配置笔记
- 下一篇: UVA10561 Treblecross