2010全球最值得模仿的230個(gè)網(wǎng)站 001 oMoby.com——手機(jī)視覺搜索 002 AmazType.tha.jp——基于亞馬遜的新型搜索 003 Groupon.co...
2010全球最值得模仿的230個(gè)網(wǎng)站 001 oMoby.com——手機(jī)視覺搜索 002 AmazType.tha.jp——基于亞馬遜的新型搜索 003 Groupon.co...
先給大家看一張喜歡的圖片,緩解下心情,最近敲敲代碼累的時(shí)候都會(huì)看看這幾個(gè)小活寶,每次都忍不住伸手去摸一下屏幕,可愛到爆,不由自主的就笑了出來。這個(gè)是電影《鼠來寶》系列的海報(bào)圖...
1、實(shí)現(xiàn)效果 當(dāng)鼠標(biāo)經(jīng)過圖片,圖片會(huì)逐漸放大,仿佛你距離圖片越來越近,常在旅游、商品的展示頁面應(yīng)用。 2、實(shí)現(xiàn)思路 (1)使用 scale 函數(shù)放大圖片(2)使用transi...
寫在前面:我們?cè)诰W(wǎng)頁中使用圖形會(huì)經(jīng)常使用圖片或者字體圖標(biāo),其實(shí)用純css一樣也可以畫出很多看似復(fù)雜的形狀,這篇文章就來介紹一下這方面的東西。 一.基本圖形下面每個(gè)例子的htm...
1、實(shí)現(xiàn)效果 梯形背景圖導(dǎo)航,如下圖。由于導(dǎo)航條文字多少不固定,因此面臨的挑戰(zhàn)是,當(dāng)文字內(nèi)容增加時(shí),中間的背景寬度自動(dòng)拉伸。CSS3的出現(xiàn)實(shí)現(xiàn)這樣的效果相對(duì)變的容易,本文使用...
用純CSS畫一個(gè)類似于素描的杯子 完成圖如下: box-shadow CSS徑向漸變,多層漸變 絕對(duì)定位,z-index border-radius 知識(shí)點(diǎn)需要掌握的并不多,...
有些東西我們經(jīng)常用,但是我們卻并不了解它的原理,所以一旦換了場(chǎng)景,好多東西就不知道該怎么用了。最近一直很糾結(jié)vertical-align到底是怎么回事,因?yàn)椴还苁谴怪睂?duì)齊元素...
HTML中元素大多數(shù)都是塊級(jí)元素或行內(nèi)元素。下面就讓我們來仔細(xì)的剖析剖析它們的用法和區(qū)別。 一、定義。 每個(gè)名字背后都是有自己的深意的。比如行內(nèi)元素:只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所...