文章詳情頁(yè)
CSS3 transition 屬性修改寬度時(shí)的運(yùn)動(dòng)方向
瀏覽:113日期:2023-08-04 15:44:18
問(wèn)題描述
在W3school中看到一個(gè)例子是把鼠標(biāo)指針?lè)诺?p 元素上,其寬度會(huì)從 100px 逐漸變?yōu)?300px:然后在他的例子里多出的200px是向右邊變長(zhǎng)的。
但是我自己寫(xiě)了一個(gè)又是從兩邊出來(lái)的寬度
所以倒底是從哪個(gè)方向變化啊qaq
--->其實(shí)感覺(jué)從兩邊變長(zhǎng)好看一些orz
問(wèn)題解答
回答1:http://jsfiddle.net/e6mnmqp2/
你肯定是塊居中了吧,實(shí)際上width的變化的確是一邊的,但是如果你是居中的話因?yàn)閴K變長(zhǎng)了兩邊的margin會(huì)變小所以自然會(huì)有一種是兩邊加長(zhǎng)的錯(cuò)覺(jué)。不信你可以把網(wǎng)址里面的代碼中的margin:0 auto去掉試試。
標(biāo)簽:
CSS
相關(guān)文章:
1. python - type函數(shù)問(wèn)題2. mysql新建字段時(shí) timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報(bào)錯(cuò)3. javascript - node服務(wù)端渲染的困惑4. css - 求推薦幾款好用的移動(dòng)端頁(yè)面布局調(diào)試工具呢?5. javascript - webpack --hot 熱重載無(wú)效的問(wèn)題6. Mysql && Redis 并發(fā)問(wèn)題7. php - 第三方支付平臺(tái)在很短時(shí)間內(nèi)多次異步通知,訂單多次確認(rèn)收款8. mysql - 一個(gè)表和多個(gè)表是多對(duì)多的關(guān)系,該怎么設(shè)計(jì)9. html5 - h5寫(xiě)的app用的webview,用手機(jī)瀏覽器打開(kāi)不顯示?10. javascript - 百度echarts series數(shù)據(jù)更新問(wèn)題
排行榜

熱門(mén)標(biāo)簽