Pantone 2015 秋季配色

Pantone Fall 2015 Colors

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1299
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

body {
  color: #222;
  font-family: 'Open Sans', sans-serif;
}

h2,
h3 {
  font-family: "proxima-nova-extra-condensed", 'Source Sans Pro', sans-serif;
  font-size: 3.6em;
  font-weight: bold;
  font-weight: 900;
  text-align: center;
  margin: 30px 0 20px;
}

h3 {
  font-size: 2.4em;
  font-weight: 700;
}

p,
ol,
ul {
  font-size: 1.2em;
  font-weight: 700;
}

ul {
  max-width: 640px;
  margin: 1em auto;
  list-style-type: none;
text-align: center;
}

li {
  line-height: 2em;
}

p {
  text-align: center;
}

i {
  cursor: pointer;
}

.footer {
  display: none;
  padding: 20px 20px 40px;
}

ol {
  display: block;
  max-width: 768px;
  margin: 0 auto;
}

div {
  box-sizing: border-box;
  float: left;
  width: 20%;
  min-height: 80px;
  height: 25vh;
  padding: 10px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
}

div:nth-of-type(1) {background: #83805e;}
div:nth-of-type(2) {background: #a2ab99;}
div:nth-of-type(3) {background: #5f6a71;}
div:nth-of-type(4) {background: #d2a060;}
div:nth-of-type(5) {background: #9a5250;}
div:nth-of-type(6) {background: #007482;}
div:nth-of-type(7) {background: #304453;}
div:nth-of-type(8) {background: #f7916d;}
div:nth-of-type(9) {background: #d4839f;}
div:nth-of-type(10) {background: #9560a5;}

div.clearfix {
  float: none;
  width: 100%;
  min-height: 0;
  height: 0;
  padding: 0;
  clear: both;
}

HTML

Pantone Fall 2015 Colors

编辑器支持Emmet

快捷键

Pantone Fall 2015 Colors

HTML5 Zepto.js 移动版本（微信H5）的2015春节回家温情动画网页应用模板

HTML5 一款Platformer跑跳游戏引擎

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：