！声明文档类型

超文本标记语言

头

meta charset='UTF-8 '

标题画布三角图形生成器/title

元名称='关键字'内容='画布三角图形生成器' /

元名称='描述'内容='画布三角图形生成器' /

链接rel='样式表href='css/style.css '

/head

身体

div id=' container ' class=' container '

div id='output' class='container '

/div

/div

div id=' controls ' class=' controls '

/div

脚本src=' js/index。js '/脚本

/body

/html

半铸钢钢性铸铁(铸造半钢)部分：

body {

字体系列： 'Vidaloka '，衬线

字体平滑：抗锯齿；

font-weight :正常；

背景： # 151618;

颜色： # FFF；

边距：0；

}

h1 {

text-transform:大写；

字母间距： 4px

font-weight :正常；

font-size : 16px

}

p {

线高： 1.6 em

文本-对齐：中心；

font-size : 14px

}

p p {

页边距-顶部： 1.0 em

}

a {

transition:颜色0.2s缓和；

text-decoration : none

颜色： # FBB；

}

a:hover {

颜色： # 444

}。覆盖{

指针事件：无；

位置：

高度： ;

宽度： ;

左： 0；

top : 0；

}。容器{

位置：

高度： ;

宽度： ;

}。控件{

字体平滑：亚像素抗锯齿；

位置：

右侧： 20像素

top : 0；

}。链接{

位置：

列表样式：无；

宽度： 120px

bottom: 40px

右侧： 20像素

padd : 0；

边距：0；

}。链接p

字体平滑：亚像素抗锯齿；

font-family: 'Dosis '，无衬线；

text-transform:大写；

文本-对齐：中心；

padd : 0.25 em 0；

字母间距： 2px

font-weight : 200；

font-size : 10px

显示器：块；

宽度： ;

opacity: 0.6

颜色： # FFF；

}。链接li {

border-bottom: #222 1px实心；

边框-底部： rgba(255，255，255，0.1) 1px实心；

}。链接阿利{

过渡：不透明度0.2s缓和；

字体平滑：亚像素抗锯齿；

font-family: 'Dosis '，无衬线；

text-transform:大写；

向右文本对齐：

padd : 0.25 em 0；

字母间距： 2px

font-weight : 200；

font-size : 12px

显示器：块；

宽度： ;

opacity: 0.4

颜色： # FFF；

}。链接li a:hover {

opacity: 0.8

}。链接li .who:before {

opacity: 0.5

content: ' @

向左浮动：

}。链接li .source:before {

opacity: 0.5

内容：“{ 0 }”；

向左浮动：

}。链接li .blog:before {

opacity: 0.5

内容： " "；

向左浮动：

}。隐藏{

opa city 3360 0；

}