發(fā)簡(jiǎn)信
IP屬地：廣東
-
從Windows拷貝到移動(dòng)硬盤(pán)里的文件在mac中不能打開(kāi)的問(wèn)題前幾天剛買(mǎi)了一個(gè)希捷的移動(dòng)硬盤(pán)，插上就可直接使用了，我覺(jué)得特別的方便。家里用的電腦是 Mac Book Pro ，公司用的是Windows電腦崇猫。...
-
利用【偽元素】制作逼真的陰影效果:before和 :after 偽元素將會(huì)在內(nèi)容元素的前后插入額外的元素，:before將會(huì)在內(nèi)容之前“添加”一個(gè)元素而:after將會(huì)在內(nèi)容后...
-
CSS3 濾鏡filter: blur()高斯模糊的應(yīng)用
filter 屬性定義了元素(通常是img)的可視效果(例如：模糊與飽和度)。語(yǔ)法：filter: none | blur() | bright...
-
CSS3 animation 屬性實(shí)現(xiàn)“掃一掃”動(dòng)畫(huà)效果制作這個(gè)掃一掃的動(dòng)畫(huà)刃鳄，用了2張圖片。一個(gè)是“方框的四個(gè)角（2.png）”钱骂，一個(gè)是“網(wǎng)格（4.png）”叔锐。 使用css3 的animation屬性...
-
【狀態(tài)平滑的動(dòng)畫(huà)】鼠標(biāo)移出動(dòng)畫(huà)暫停
假設(shè)我們有一張非常長(zhǎng)寬幅的照片，但只提供一個(gè)150 x 150的區(qū)域利用動(dòng)畫(huà)來(lái)展示它见秽。 我們給它加上動(dòng)畫(huà)屬性愉烙，并且改變它的background-...
-
【過(guò)渡與動(dòng)畫(huà)】沿環(huán)形路徑平移的動(dòng)畫(huà)
用一個(gè)簡(jiǎn)單的例子來(lái)討論，讓一幅頭像圖片沿著環(huán)形路徑動(dòng)起來(lái)解取。它的結(jié)構(gòu)代碼如下： 在考慮動(dòng)畫(huà)之前步责，先給它加上基本的樣式： 這時(shí)候，我們就開(kāi)始考慮讓頭...
-
緊貼底部的頁(yè)腳
當(dāng)你面臨這樣的問(wèn)題：有一個(gè)具有塊級(jí)樣式的頁(yè)腳（比如它設(shè)置了背景或陰影）禀苦，當(dāng)頁(yè)面內(nèi)容足夠長(zhǎng)時(shí)它一切正常蔓肯，當(dāng)頁(yè)面較短時(shí)（比如錯(cuò)誤信息頁(yè)面）就會(huì)出現(xiàn)問(wèn)...
-
實(shí)現(xiàn)垂直居中的幾種方法
在css中對(duì)元素進(jìn)行水平居中：如果它是一個(gè)行內(nèi)元素，就對(duì)它的父元素應(yīng)用text-align：center振乏；如果它是一個(gè)塊級(jí)元素蔗包，就對(duì)它自身應(yīng)用m...
-
【width：min-content】自適應(yīng)內(nèi)部元素
如果不給一個(gè)元素具體的height，它就會(huì)自動(dòng)適應(yīng)其內(nèi)容的高度慧邮。假如我們希望width也有類似的行為调限，該怎么辦呢？ 給figure 加了一道邊框...