pokemon-color-css-hover-1

Okepalettes 是一個比較特別的配色網站,它里面所有的配色方案都來自口袋妖怪里面的妖怪角色,口袋妖怪也稱:Pokemon、寵物小精靈、神奇寶貝,相信不少用戶看過這部動畫片或玩過這個游戲。另外一枚網站是專門收集CSS Hover動畫的,都很酷炫,來收~

Pokepalettes配色網站目前有600多個口袋妖怪角色配色,用戶可以輸入角色的英文名稱或者編號就可以快速轉到對應的角色。而主角皮卡丘的編號是#25,所以這里輸入數字25然后按回車鍵就可以了,注意不要輸入“#”號!

Pokepalettes

口袋妖怪 配色

還有個小TIPS,就是鼠標移到左邊的色塊上可以顯示這個色塊的顏色值,不同長度的色塊表示該顏色的使用率多少,最長的表示顏色使用范圍最多,越短則表示顏色使用范圍越少。

下面我們來點截圖,看看你還記得這些妖怪名稱么?

Cssbuttons

(可能要翻墻)

CSS按鈕懸停動畫在網頁設計中是十分常用的,而加上現在CSS3的流行,可以實現更多好玩創意的HOVER效果出來。

但如果你沒這方面的靈感,不妨看看CSS Buttons這個網站,它是一個專門收集CSS Hover動畫的博客,里面有很多效果非常吸引力,喜歡的可以看看,下面摘選自來站點CSSButtons的截圖:

css hover
css hover
css hover
css hover
css hover
css hover
css hover
css hover
css hover
css hover

總的來說,這是個不錯的CSS BUTTON HOVER靈感站,作者都以GIF形式把效果展示出來,沒靈感或閑著的時候,可以去逛一逛。

【2015年人氣酷站合集推薦】

設計師CEO半夜3點一字一句敲下來的靈感網站!
《設計師必備!10個包羅萬象的靈感發掘網站》

媽媽問我為什么跪著看電腦系列!
《徹底給跪了!2014年絕對值得體驗的最佳炫酷網站》

無版權限制的高清大圖集聚地!
《新年圖庫第一波!20個無版權高清無碼圖庫站》

原文地址:shejidaren

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量100萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 6
繼續閱讀相關文章

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
評論 收藏