第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

top: 0;bottom:0;left:0;right:0;的使用和一些其他的問題

top: 0;bottom:0;left:0;right:0;的使用和一些其他的問題

qq_笑_17 2019-05-21 10:46:42
最近再學(xué)習(xí)CSS3的使用,找了一份CSS3按鈕樣式的代碼,但是里面有一些東西我不太理解,希望能有大佬幫我理解一下,代碼如下:/*SweepToLeft*/.hvr-sweep-to-left{display:inline-block;vertical-align:middle;transform:translateZ(0);box-shadow:001pxrgba(0,0,0,0);position:relative;transition-property:color;transition-duration:0.9s;}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;transform:scaleX(0);transform-origin:100%50%;transition-property:transform;transition-duration:0.9s;transition-timing-function:ease-out;}.hvr-sweep-to-left:hover{color:white;}.hvr-sweep-to-left:hover:before{transform:scaleX(1);}這里面為什么把上下左右的距離都調(diào)為了0,還有為什么這里如果不設(shè)置z-index為什么會(huì)覆蓋掉按鈕樣式的文字另外就石這里的translateZ(0)是做什么的。還有就是transition-origin這個(gè)我不太理解,看了解釋后不知道為什么這里要這么用。拜托大神們幫我解惑一下
查看完整描述

2 回答

?
慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

》這里面為什么把上下左右的距離都調(diào)為了0絕對定位下就是把元素的寬高都設(shè)為100%
》如果不設(shè)置z-index為什么會(huì)覆蓋掉按鈕樣式的文字z-index是控制Z順的,決定同一父元素下的子元素的前后順序,越小越靠后
》translateZ(0)是做什么的平移變換
》還有就是transition-origin這個(gè)我不太理解變換的原點(diǎn),這里是“100%50%;”,就是指以元素右邊緣的中點(diǎn)為變換的原點(diǎn)
                            
查看完整回答
反對 回復(fù) 2019-05-21
?
回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊

使用chrome或者firefox,打開F12,把帶有數(shù)字的屬性,全部改改,看下效果。然后再用百度,或者必應(yīng)或者谷歌,搜索你關(guān)注的屬性,看下文檔。
                            
查看完整回答
反對 回復(fù) 2019-05-21
  • 2 回答
  • 0 關(guān)注
  • 774 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號