中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css如何設置transform

發布時間:2021-05-27 13:41:18 來源:億速云 閱讀:178 作者:小新 欄目:web開發

這篇文章給大家分享的是有關css如何設置transform的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

css設置transform的語法是“transform: none|transform-functions;”,該屬性可以對元素進行旋轉、縮放、移動或傾斜。

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

css怎么設置transform?

transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。

語法

transform: none|transform-functions;

css如何設置transform

代碼示例:

<!DOCTYPE html>
<html>
<head>
<style> 
body
{
margin:30px;
background-color:#E9E9E9;
}

div.polaroid
{
width:294px;
padding:10px 10px 20px 10px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}

div.rotate_left
{
float:left;
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
transform:rotate(7deg);
}

div.rotate_right
{
float:left;
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
transform:rotate(-8deg);
}
</style>
</head>
<body>

<div class="polaroid rotate_left">
<img src="/i/ballade_dream.jpg" alt="郁金香" width="284" height="213" />
<p class="caption">上海鮮花港的郁金香,花名:Ballade Dream。</p>
</div>

<div class="polaroid rotate_right">
<img src="/i/china_pavilion.jpg" alt="世博中國館" width="284" height="213" />
<p class="caption">2010年上海世博會,中國館。</p>
</div>


</body>
</html>

效果:

css如何設置transform

css的選擇器有哪些

css的選擇器可以分為三大類,即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合,有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

感謝各位的閱讀!關于“css如何設置transform”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

外汇| 甘洛县| 桃源县| 封丘县| 安仁县| 民和| 肃南| 建德市| 枣庄市| 周宁县| 阳新县| 磐石市| 长武县| 山东省| 安义县| 武邑县| 曲靖市| 洮南市| 乌兰察布市| 宁武县| 淮滨县| 涡阳县| 闽侯县| 南汇区| 土默特右旗| 商河县| 普陀区| 柳河县| 五家渠市| 台东县| 德昌县| 红安县| 广州市| 三明市| 泽普县| 宜州市| 婺源县| 西吉县| 宜春市| 江安县| 靖宇县|