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