国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS3實(shí)例教程:變形屬性transform實(shí)例講解

2024-07-11 08:22:57
字體：大 中 小
供稿：網(wǎng)友
網(wǎng)頁制作文章簡介：CSS3有一個變形相關(guān)的屬性，transform。

CSS3有一個變形相關(guān)的屬性，transform。

使用這個屬性你可以進(jìn)行 :
translate(x, y); 移動元素的坐標(biāo)。
rotate(30deg); 旋轉(zhuǎn)元素。
scale(x, y); 縮放。
skew(x, y); 元素的傾斜。

以上操作默認(rèn)是元素的中心點(diǎn)來進(jìn)步變換的，很多時候我們需要去改變他。

transform-origin:x y;屬性，也需要使用坐標(biāo)參數(shù)，他的可用值有下面這些 ：
left，center，top，bottom
50%，50%
0px，0px

示例，讓元素的變形基準(zhǔn)點(diǎn)為左下角，假設(shè)元素高度100px,有下面三種寫法 ：

transform-origin: left bottom;
transform-origin: 0% 100%;
transform-origin: 0 110px;

針對不同的瀏覽器可用加上特有的前綴 ：
-moz-transform-origin，-o-transform-origin， -webkit-transform-origin

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 亳州市| 通城县| 丹棱县| 客服| 醴陵市| 陆丰市| 丹江口市| 札达县| 搜索| 临颍县| 革吉县| 北海市| 醴陵市| 河间市| 石首市| 额济纳旗| 西青区| 桐庐县| 会理县| 定州市| 石家庄市| 磐石市| 东乡族自治县| 鄯善县| 慈利县| 尼玛县| 靖边县| 厦门市| 榆林市| 务川| 林周县| 堆龙德庆县| 济源市| 额敏县| 兴国县| 抚顺市| 乌鲁木齐市| 桑日县| 南京市| 体育| 青海省|