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

首頁 > 開發 > CSS > 正文

CSS3實例教程:變形屬性transform實例講解

2024-07-11 09:01:50
字體：大 中 小
來源：轉載
供稿：網友

武林網(www.survivalescaperooms.com)文章簡介：CSS3有一個變形相關的屬性，transform。

CSS3有一個變形相關的屬性，transform。

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

以上操作默認是元素的中心點來進步變換的，很多時候我們需要去改變他。

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

示例，讓元素的變形基準點為左下角，假設元素高度100px,有下面三種寫法 ：

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 锡林郭勒盟| 乐亭县| 广水市| 云浮市| 新巴尔虎右旗| 兰溪市| 汝南县| 无棣县| 平江县| 勃利县| 永康市| 梁河县| 尤溪县| 甘南县| 宁强县| 项城市| 绥中县| 衢州市| 德州市| 安康市| 临洮县| 太白县| 无棣县| 施甸县| 府谷县| 安庆市| 宿松县| 凌云县| 法库县| 崇信县| 买车| 扎兰屯市| 雷波县| 怀柔区| 堆龙德庆县| 双鸭山市| 宜黄县| 阿鲁科尔沁旗| 徐州市| 阳谷县| 金乡县|