html, body {
oveflow: hidden;
height: 100%;
}
body{
margin:0px ;
padding:0px ;
}
#glcanvas {
/*
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
*/
background-size: 150%;
background-position: 50% 50%;
/* background-image: url(assets/image/back_class_normal.png); */
}
button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(0,0,0,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
button.active {
background: linear-gradient(
to bottom,
#3498db,
#2980b9);
background: -moz-linear-gradient(
top,
#3498db 0%,
#2980b9);
background: -webkit-gradient(
linear, left top, left bottom,
from(#3498db),
to(#2980b9));
border: 1px solid #2980b9;
}
button.inactive {
background: linear-gradient(
to bottom,
#e74c3c,
#c0392b);
background: -moz-linear-gradient(
top,
#e74c3c 0%,
#c0392b);
background: -webkit-gradient(
linear, left top, left bottom,
from(#e74c3c),
to(#c0392b));
border: 1px solid #c0392b;
}
Change Model
style="border:dashed 1px #CCC">
function test() {
var model = new LAppModel();
model.startAppointMotion("start",3,10);
}
function color() {
var model = new LAppModel();
model.startAppointMotion("start",3,3)
}
function colorAndCrisps() {
var model = new LAppModel();
model.startAppointMotion("start",3,6)
}
function changeTexure() {
var model = new LAppModel();
model.changeTexure(1);
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史