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