我的世界html代码,main.html 我的世界
/* 我的世界颜⾊：
按钮：(116,116,116),
物品：(140,140,140),
背景：(200,200,200),
852*480 => 400*40
*/
/* 字体 */
@font-face{
font-family: kt; /*楷体*/
src:url("./f");
}
@font-face{
font-family: st; /*宋体*/
src:url("./f");
}
@font-face{
font-family: xs; /*QQ*/
src:url("./f");
}
@font-face{
font-family: zyyt; /*资源圆体*/
src:url("./fonts/zyyt.woff2");
}
/*@font-face{
font-family:hwxk; /*华⽂楷体*//*
src:url("./f");
}
@font-face{
font-family:fzybxskt; /*⽅正硬笔⾏书楷体*//*
src:url("./f");
}
@font-face{
font-family:fzqtjt; /*⽅正启体简体*//* src:url("./f");
}
@font-face{
font-family:qq1; /*QQ*//*
src:url("./f");
}
@font-face{
font-family:qq2; /*QQ*//*
src:url("./f");
}
@font-face{
font-family:huawei; /*HUAWEI*//* src:url("./f");
}*/
*{
font-family: zyyt, serif;
}
h1, h1 *{
font-family: kt, serif;
}
header{
font-family: st, serif;
}
button{
font-family: xs, serif;
font-weight: bold;
}
/* 选择 */
::selection {
color: #fff;
background: #f9cc9d;
}
*{
/* 禁⽌复制选中 */
-
webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */ /* ⽆点击线 */
outline: none;
}
/* dat.gui */
.cr.function > div > span.property-name{
width: 100%;
}
.dg.ac{
z-index: 1 !important;
}
body{
margin: 0;
overflow: hidden;
/* 隐藏body窗⼝区域滚动条 */
}
h1{
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
color: #fff;
background-color: #000;
background-image: radial-gradient(#666, #232, #011);
text-shadow:
0 0 10px rgba(255,0,0, .4),
0 0 20px rgba(0,0,255, .5),
0 0 30px rgba(255,255,0, .7),
0 0 10px rgba(255,0,0, .4),
0 0 20px rgba(0,0,255, .5),
0 0 30px rgba(255,255,0, .7),
0 0 10px rgba(255,0,0, .4),
0 0 20px rgba(0,0,255, .5),
0 0 30px rgba(255,255,0, .7);
}
/* h1::before{
/* content: "\a\a";
white-space: pre; *//*
display: block;
height: 6.6vmax;
} */
h1::after{
content: "Copyright © 2020 by wzh"; white-space: pre;
font-size: 2vmin;
position: absolute;
bottom: 6vh;
left: 50%;
transform: translateX(-50%);
text-shadow: 0.5px 0px 0px #aaa, /*右*/ -0.5px 0px 0px #ddd, /*左*/
0px 0.5px 0px #ddd, /*上*/
0px -0.5px 0px #aaa; /*下*/
}
/* 进度条 */
#progress{
font-size: 3vmax;
padding-top: 6.6vmax;
/* animation-name: backgroundColor; animation-duration: 1s;
animation-iteration-count: infinite; */
background-image: url(./img/loading.png);
}
/
* @keyframes backgroundColor{
0%{
background-image: radial-gradient(#333, #112, #011);
}网页设计html代码翻译
25%{
background-image: radial-gradient(#555, #223, #122);
}
50%{
background-image: radial-gradient(#666, #334, #233);
}
75%{
background-image: radial-gradient(#888, #445, #344);
}
100%{
background-image: radial-gradient(#999, #556, #455);
}
} */
#progress > progress{
background-color: red;
width: 63vw;
}
#progress > progress::-webkit-progress-bar{
background-color: gray;
background-image: linear-gradient(45deg, black, gray, #aaa); }
#progress > progress::-webkit-progress-value{
background-color: green;
background-image: repeating-linear-gradient(
135deg,
red 0vw,
orange 9vw,

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。