酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

Okepalettes 是一个比较特别的配色网站,它里面所有的配色方案都来自口袋妖怪里面的妖怪角色,口袋妖怪也称:Pokemon、宠物小精灵、神奇宝贝,相信不少用户看过这部动画片或玩过这个游戏。另外一枚网站是专门收集CSS Hover动画的,都很酷炫,来收~

Pokepalettes配色网站目前有600多个口袋妖怪角色配色,用户可以输入角色的英文名称或者编号就可以快速转到对应的角色。而主角皮卡丘的编号是#25,所以这里输入数字25然后按回车键就可以了,注意不要输入“#”号!

Pokepalettes

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

还有个小TIPS,就是鼠标移到左边的色块上可以显示这个色块的颜色值,不同长度的色块表示该颜色的使用率多少,最长的表示颜色使用范围最多,越短则表示颜色使用范围越少。

下面我们来点截图,看看你还记得这些妖怪名称么?

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

酷站两连发!宠物小精灵专属配色网站+CSS Hover动画收集站

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

收藏 21
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。