国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

  1. Toy模板網(wǎng)首頁
  2. >Toy博客

響應(yīng)式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）第2版 例3-3 CSS3 旋轉(zhuǎn)縮放

2年前作者：m0_73657966分類：Toy博客閱讀(23)違法舉報

這篇具有很好參考價值的文章主要介紹了響應(yīng)式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）第2版 例3-3 CSS3 旋轉(zhuǎn)縮放。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

代碼

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 變形原點</title>
<style>
div {
    width: 150px;
    height: 150px;
    background-color: #eee;
    transform: rotate(30deg);
    /*變形原點*/
    transform-origin: left bottom 0px;
}
</style>
</head>

<body>
<div></div>
</body>
</html>

上述代碼中：
第13行代碼改變了div盒子變形原點

運行效果

默認(rèn)旋轉(zhuǎn)
響應(yīng)式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）第2版 例3-3 CSS3 旋轉(zhuǎn)縮放,前端,html5,css3
修改變形原點為左下角（transform-origin: left bottom 0px;）
響應(yīng)式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）第2版 例3-3 CSS3 旋轉(zhuǎn)縮放,前端,html5,css3
元素的變形都有一個原點，元素圍繞著這個點進行變形或者旋轉(zhuǎn)，默認(rèn)的起始位置就是元素的中心位置。CSS3變形使用transform-origin屬性指定元素變形基于的原點。文章來源地址http://www.zghlxwxcb.cn/news/detail-794811.html

到了這里，關(guān)于響應(yīng)式Web開發(fā)項目教程（HTML5+CSS3+Bootstrap）第2版 例3-3 CSS3 旋轉(zhuǎn)縮放的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處： 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包，優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包