实用CSS网站分享

2017-11-09  本文已影响194人  AmazingMax

Max没事的时候喜欢翻一翻前端的网站,这阵子找到几个不错的CSS网站分享给大家。

brand-colors

BrandColors:世界知名颜色收集网是一个收录了世界最知名的品牌、企业公司、知名网站的颜色的色码。
网址链接:http://brand-colors.com/

BrandColors
对于设计师来说最值得参考的就是最著名的设计品牌颜色 了,一般在LOGO使用规范中,都会对颜色,书写字样活留白等细节有详细的说明,其中最被使用者熟悉的就是标准色了,所有品牌都会有其最常使用的颜色,而这些颜色通常会被十一on跟着记在脑海里,例如Facebook的蓝色、Spotify的绿色,Youtube的红色等等,但是大家都知道这些颜色,却很难准确的说出他的色值,这些色值哪里找?就在BrandColors。

WAIT! Animate

WAIT! Animate:在线提供css3中各种实用的动画效果代码,选择你想要的效果复制代码立马能用~
网址链接:http://waitanimate.wstone.io/#!/#%2F

WAIT! Animate

CSS Spinners

CSS Spinners:在线提供纯css写的页面加载效果,让等待时间不再空白,各种炫酷的CSS加载效果等你来发现!点击想要的效果,会弹出相应代码,复制粘贴即可带走。
网址链接:https://boguz.github.io/Spinners/

CSS Spinners

Bulma

Bulma:网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架,Bootstrap是最著名的 CSS 框架,而Bulma比Bootstrap更轻量化、更易用。
网址链接:https://bulma.io/

Bulma
Bulma 框架最大的特点,就是简单好用。所有样式都基于class,只需为 HTML 元素指定class,样式立刻生效。
Bulma 是一个手机优先的框架,提供五个宽度断点,具有良好的自适应特性,可以随心所欲为不同设备设置不同样式。
mobile:小于等于768px
tablet:大于等于769px
desktop:大于等于1024px
widescreen:大于等于1216px
fullhd:大于等于1408px

最近在开发小程序,等做完了我会整理一下内容分享出来~

上一篇 下一篇

猜你喜欢

热点阅读