網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang
首頁(yè)transform
案例:圖片 - 指定時(shí)間、 旋轉(zhuǎn)、變形
上圖這個(gè)讓圖片在指定時(shí)間內(nèi) 旋轉(zhuǎn)、變形的常用語(yǔ)各種網(wǎng)站的頭像或者圖標(biāo)上,特別是zblogPHP模板里很多開發(fā)者喜歡用,所以今天來(lái)分享下:先看完整代碼,然后再逐一說(shuō)明:.commentlist img{width:40px;height:40px;position:relative;float:left;margin:4px 16px 0 0;padding:2px;borde...
CSS 鼠標(biāo)觸發(fā) 圖片動(dòng)態(tài)放大效果
今天在寫一個(gè)zblog主題的時(shí)候,用到了圖片鼠標(biāo)觸發(fā)放大效果,在這里分享下代碼:a img {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;} a img:hover{-...
CSS3:扔在桌子上的照片(transform 屬性)帶旋轉(zhuǎn)角度
隨手扔在桌子上的照片,可以使用CSS:transform去實(shí)現(xiàn),以上圖片的代碼如下:<!DOCTYPE html> <html> <head> <style> body { margin:30px; background-color:#E9E9E9; } div.polaroid { width:294px; padding:10p...