简介
网站比较单调，给本站右下角放了个动态像素鸡。
使用方法
在style.css中放入以下代码。
/* 全站右下角像素鸡 */
.sceneji {
font-size: 3px;
position: fixed;
width: 100%;
max-width: 75em;
height: 60em;
right: 7px;
bottom: -51px;
z-index: 99;
}
.grassji {
position: absolute;
}
/* .grass--1 {
top: 30em;
left: 10em;
}
.grass--2 {
left: 52em;
top: 44em;
} */
.flowerji {
position: absolute;
left: 50em;
top: 35em;
}
.linkji {
position: absolute;
left: 30em;
top: 5em;
}
.grassji {
transform: translate(0, 0);
/* avoids lines in Firefox */
background: transparent;
height: 1em;
width: 1em;
box-shadow: 4em 0 0 #317131, 5em 0 0 #317131, 10em 0 0 #317131, 11em 0 0 #317131, 5em 1em 0 #317131, 6em 1em 0 #317131, 9em 1em 0 #317131, 10em 1em 0 #317131, 1em 2em 0 #317131, 2em 2em 0 #317131, 3em 2em 0 #317131, 5em 2em 0 #317131, 6em 2em 0 #317131, 9em 2em 0 #317131, 10em 2em 0 #317131, 12em 2em 0 #317131, 13em 2em 0 #317131, 14em 2em 0 #317131, 2em 3em 0 #317131, 3em 3em 0 #317131, 4em 3em 0 #317131, 6em 3em 0 #317131, 9em 3em 0 #317131, 11em 3em 0 #317131, 12em 3em 0 #317131, 13em 3em 0 #317131, 3em 4em 0 #317131, 4em 4em 0 #317131, 11em 4em 0 #317131, 12em 4em 0 #317131;
}
.flowerji {
transform: translate(0, 0);
/* avoids lines in Firefox */
background: transparent;
height: 1em;
width: 1em;
animation: flower 0.5s steps(1) infinite;
}
@keyframes flower {
0%,
100% {
box-shadow: 3em 1em 0 #b5ebbd, 4em 1em 0 #b5ebbd, 5em 1em 0 #b5ebbd, 3em 2em 0 #b5ebbd, 4em 2em 0 #b5ebbd, 5em 2em 0 #b5ebbd, 1em 3em 0 #b5ebbd, 2em 3em 0 #b5ebbd, 3em 3em 0 #528273, 4em 3em 0 #528273, 5em 3em 0 #528273, 6em 3em 0 #b5ebbd, 7em 3em 0 #b5ebbd, 1em 4em 0 #b5ebbd, 2em 4em 0 #b5ebbd, 3em 4em 0 #528273, 4em 4em 0 #528273, 5em 4em 0 #528273, 6em 4em 0 #b5ebbd, 7em 4em 0 #b5ebbd, 1em 5em 0 #295929, 2em 5em 0 #295929, 3em 5em 0 #b5ebbd, 4em 5em 0 #b5ebbd, 5em 5em 0 #b5ebbd, 6em 5em 0 #295929, 7em 5em 0 #295929, 3em 6em 0 #b5ebbd, 4em 6em 0 #b5ebbd, 5em 6em 0 #b5ebbd, 3em 7em 0 #295929, 4em 7em 0 #295929, 5em 7em 0 #295929;
}
33% {
box-shadow: 3em 0 0 #b5ebbd, 4em 0 0 #b5ebbd, 5em 0 0 #b5ebbd, 3em 1em 0 #b5ebbd, 4em 1em 0 #b5ebbd, 5em 1em 0 #b5ebbd, 1em 2em 0 #b5ebbd, 2em 2em 0 #b5ebbd, 3em 2em 0 #528273, 4em 2em 0 #528273, 5em 2em 0 #528273, 6em 2em 0 #b5ebbd, 7em 2em 0 #b5ebbd, 1em 3em 0 #b5ebbd, 2em 3em 0 #b5ebbd, 3em 3em 0 #528273, 4em 3em 0 #528273, 5em 3em 0 #528273, 6em 3em 0 #b5ebbd, 7em 3em 0 #b5ebbd, 1em 4em 0 #295929, 2em 4em 0 #295929, 3em 4em 0 #b5ebbd, 4em 4em 0 #b5ebbd, 5em 4em 0 #b5ebbd, 6em 4em 0 #295929, 7em 4em 0 #295929, 1em 5em 0 #295929, 2em 5em 0 #295929, 3em 5em 0 #b5ebbd, 4em 5em 0 #b5ebbd, 5em 5em 0 #b5ebbd, 6em 5em 0 #295929, 7em 5em 0 #295929, 3em 6em 0 #295929, 4em 6em 0 #295929, 5em 6em 0 #295929, 3em 7em 0 #295929, 4em 7em 0 #295929, 5em 7em 0 #295929;
}
66% {
box-shadow: 3em 1em 0 #b5ebbd, 4em 1em 0 #b5ebbd, 5em 1em 0 #b5ebbd, 1em 2em 0 #b5ebbd, 3em 2em 0 #b5ebbd, 4em 2em 0 #b5ebbd, 5em 2em 0 #b5ebbd, 7em 2em 0 #b5ebbd, 1em 3em 0 #b5ebbd, 2em 3em 0 #b5ebbd, 3em 3em 0 #528273, 4em 3em 0 #528273, 5em 3em 0 #528273, 6em 3em 0 #b5ebbd, 7em 3em 0 #b5ebbd, 1em 4em 0 #295929, 2em 4em 0 #b5ebbd, 3em 4em 0 #528273, 4em 4em 0 #528273, 5em 4em 0 #528273, 6em 4em 0 #b5ebbd, 7em 4em 0 #295929, 1em 5em 0 #295929, 2em 5em 0 #295929, 3em 5em 0 #b5ebbd, 4em 5em 0 #b5ebbd, 5em 5em 0 #b5ebbd, 6em 5em 0 #295929, 7em 5em 0 #295929, 3em 6em 0 #295929, 4em 6em 0 #295929, 5em 6em 0 #295929, 3em 7em 0 #295929, 4em 7em 0 #295929, 5em 7em 0 #295929;
}
}
.linkji {
transform: translate(0, 0);
/* avoids lines in Firefox */
position: relative;
height: 1em;
width: 1em;
box-shadow: 4em 18em 0 #282828, 5em 18em 0 #282828, 6em 18em 0 #282828, 7em 18em 0 #282828, 8em 18em 0 #282828, 9em 18em 0 #282828, 10em 18em 0 #78b820, 11em 18em 0 #509010, 12em 18em 0 #282828, 1em 19em 0 #282828, 3em 19em 0 #282828, 4em 19em 0 #282828, 5em 19em 0 #f87800, 6em 19em 0 #509010, 7em 19em 0 #509010, 8em 19em 0 #78b820, 9em 19em 0 #509010, 10em 19em 0 #f87800, 11em 19em 0 #282828, 12em 19em 0 #509010, 13em 19em 0 #282828, 14em 19em 0 #282828, 0em 20em 0 #282828, 1em 20em 0 #f0a068, 2em 20em 0 #282828, 3em 20em 0 #e860b0, 4em 20em 0 #282828, 5em 20em 0 #282828, 6em 20em 0 #f87800, 7em 20em 0 #f87800, 8em 20em 0 #f87800, 9em 20em 0 #f87800, 10em 20em 0 #282828, 11em 20em 0 #282828, 12em 20em 0 #509010, 13em 20em 0 #282828, 14em 20em 0 #f0a068, 15em 20em 0 #282828, 0em 21em 0 #282828, 1em 21em 0 #f0a068, 2em 21em 0 #282828, 3em 21em 0 #e860b0, 4em 21em 0 #e860b0, 5em 21em 0 #e860b0, 6em 21em 0 #282828, 7em 21em 0 #282828, 8em 21em 0 #282828, 9em 21em 0 #282828, 10em 21em 0 #e860b0, 11em 21em 0 #e860b0, 12em 21em 0 #282828, 13em 21em 0 #282828, 14em 21em 0 #f0a068, 15em 21em 0 #282828, 0em 22em 0 #282828, 1em 22em 0 #282828, 2em 22em 0 #f0a068, 3em 22em 0 #282828, 4em 22em 0 #e860b0, 5em 22em 0 #e860b0, 6em 22em 0 #e860b0, 7em 22em 0 #e860b0, 8em 22em 0 #e860b0, 9em 22em 0 #e860b0, 10em 22em 0 #e860b0, 11em 22em 0 #e860b0, 12em 22em 0 #282828, 13em 22em 0 #f0a068, 14em 22em 0 #282828, 15em 22em 0 #282828, 0em 23em 0 #282828, 1em 23em 0 #e09050, 2em 23em 0 #282828, 3em 23em 0 #e860b0, 4em 23em 0 #282828, 5em 23em 0 #282828, 6em 23em 0 #282828, 7em 23em 0 #282828, 8em 23em 0 #282828, 9em 23em 0 #282828, 10em 23em 0 #282828, 11em 23em 0 #282828, 12em 23em 0 #e860b0, 13em 23em 0 #282828, 14em 23em 0 #e09050, 15em 23em 0 #282828, 0em 24em 0 #282828, 1em 24em 0 #e09050, 2em 24em 0 #e09050, 3em 24em 0 #282828, 4em 24em 0 #b86820, 5em 24em 0 #f8f8f8, 6em 24em 0 #f8f8f8, 7em 24em 0 #b86820, 8em 24em 0 #b86820, 9em 24em 0 #f8f8f8, 10em 24em 0 #f8f8f8, 11em 24em 0 #b86820, 12em 24em 0 #282828, 13em 24em 0 #e09050, 14em 24em 0 #e09050, 15em 24em 0 #282828, 0em 25em 0 #282828, 1em 25em 0 #282828, 2em 25em 0 #282828, 3em 25em 0 #b86820, 4em 25em 0 #b86820, 5em 25em 0 #f8f8f8, 6em 25em 0 #282828, 7em 25em 0 #f0a068, 8em 25em 0 #f0a068, 9em 25em 0 #282828, 10em 25em 0 #f8f8f8, 11em 25em 0 #b86820, 12em 25em 0 #b86820, 13em 25em 0 #282828, 14em 25em 0 #282828, 15em 25em 0 #282828, 0em 26em 0 #282828, 1em 26em 0 #885828, 2em 26em 0 #885828, 3em 26em 0 #282828, 4em 26em 0 #b86820, 5em 26em 0 #f0a068, 6em 26em 0 #282828, 7em 26em 0 #f0a068, 8em 26em 0 #f0a068, 9em 26em 0 #282828, 10em 26em 0 #f0a068, 11em 26em 0 #b86820, 12em 26em 0 #282828, 13em 26em 0 #885828, 14em 26em 0 #885828, 15em 26em 0 #282828, 0em 27em 0 #282828, 1em 27em 0 #885828, 2em 27em 0 #885828, 3em 27em 0 #885828, 4em 27em 0 #282828, 5em 27em 0 #b86820, 6em 27em 0 #f0a068, 7em 27em 0 #f0a068, 8em 27em 0 #f0a068, 9em 27em 0 #f0a068, 10em 27em 0 #b86820, 11em 27em 0 #282828, 12em 27em 0 #885828, 13em 27em 0 #885828, 14em 27em 0 #885828, 15em 27em 0 #282828, 1em 28em 0 #282828, 2em 28em 0 #885828, 3em 28em 0 #885828, 4em 28em 0 #282828, 5em 28em 0 #282828, 6em 28em 0 #282828, 7em 28em 0 #b86820, 8em 28em 0 #b86820, 9em 28em 0 #282828, 10em 28em 0 #282828, 11em 28em 0 #282828, 12em 28em 0 #885828, 13em 28em 0 #885828, 14em 28em 0 #282828, 2em 29em 0 #282828, 3em 29em 0 #282828, 4em 29em 0 #389068, 5em 29em 0 #40d870, 6em 29em 0 #389068, 7em 29em 0 #282828, 8em 29em 0 #282828, 9em 29em 0 #389068, 10em 29em 0 #40d870, 11em 29em 0 #389068, 12em 29em 0 #282828, 13em 29em 0 #282828, 2em 30em 0 #282828, 3em 30em 0 #389068, 4em 30em 0 #389068, 5em 30em 0 #389068, 6em 30em 0 #40d870, 7em 30em 0 #40d870, 8em 30em 0 #40d870, 9em 30em 0 #40d870, 10em 30em 0 #389068, 11em 30em 0 #389068, 12em 30em 0 #389068, 13em 30em 0 #282828, 2em 31em 0 #282828, 3em 31em 0 #f0d840, 4em 31em 0 #389068, 5em 31em 0 #389068, 6em 31em 0 #389068, 7em 31em 0 #40d870, 8em 31em 0 #40d870, 9em 31em 0 #389068, 10em 31em 0 #389068, 11em 31em 0 #389068, 12em 31em 0 #f0d840, 13em 31em 0 #282828, 2em 32em 0 #282828, 3em 32em 0 #389068, 4em 32em 0 #f0d840, 5em 32em 0 #f0d840, 6em 32em 0 #282828, 7em 32em 0 #f0d840, 8em 32em 0 #f0d840, 9em 32em 0 #282828, 10em 32em 0 #f0d840, 11em 32em 0 #f0d840, 12em 32em 0 #389068, 13em 32em 0 #282828, 2em 33em 0 #282828, 3em 33em 0 #282828, 4em 33em 0 #389068, 5em 33em 0 #389068, 6em 33em 0 #f0d840, 7em 33em 0 #f0d840, 8em 33em 0 #f0d840, 9em 33em 0 #f0d840, 10em 33em 0 #389068, 11em 33em 0 #389068, 12em 33em 0 #282828, 13em 33em 0 #282828, 2em 34em 0 #282828, 3em 34em 0 #c01820, 4em 34em 0 #282828, 5em 34em 0 #282828, 6em 34em 0 #389068, 7em 34em 0 #389068, 8em 34em 0 #389068, 9em 34em 0 #389068, 10em 34em 0 #282828, 11em 34em 0 #282828, 12em 34em 0 #c01820, 13em 34em 0 #282828, 2em 35em 0 #282828, 3em 35em 0 #282828, 4em 35em 0 #f87800, 5em 35em 0 #c01820, 6em 35em 0 #282828, 7em 35em 0 #282828, 8em 35em 0 #282828, 9em 35em 0 #282828, 10em 35em 0 #c01820, 11em 35em 0 #f87800, 12em 35em 0 #282828, 13em 35em 0 #282828, 3em 36em 0 #282828, 4em 36em 0 #282828, 5em 36em 0 #282828, 6em 36em 0 #282828, 7em 36em 0 #282828, 8em 36em 0 #282828, 9em 36em 0 #282828, 10em 36em 0 #282828, 11em 36em 0 #282828, 12em 36em 0 #282828, 5em 37em 0 #282828, 6em 37em 0 #282828, 7em 37em 0 #282828, 8em 37em 0 #282828, 9em 37em 0 #282828, 10em 37em 0 #282828;
}
.linkji:before {
content: "";
height: 1em;
position: absolute;
left: 0;
top: 0;
width: 1em;
animation: panic 0.5s steps(1) infinite;
}
.linkji:after {
content: "";
height: 1em;
position: absolute;
left: 0;
top: 0;
width: 1em;
animation: chicken 0.4s steps(1) infinite;
}
@keyframes panic {
0%,
100% {
box-shadow: 5em 0 0 #f8f8f8, 10em 0 0 #f8f8f8, 0 2em 0 #f8f8f8, 14em 2em 0 #f8f8f8;
}
66% {
box-shadow: none;
}
}
@keyframes chicken {
0%,
100% {
box-shadow: 10em 4em 0 #282828, 11em 4em 0 #282828, 12em 4em 0 #282828, 9em 5em 0 #282828, 10em 5em 0 #d86060, 11em 5em 0 #d86060, 12em 5em 0 #d86060, 13em 5em 0 #282828, 9em 6em 0 #282828, 10em 6em 0 #282828, 11em 6em 0 #282828, 12em 6em 0 #d86060, 13em 6em 0 #d86060, 14em 6em 0 #282828, 3em 7em 0 #282828, 4em 7em 0 #282828, 8em 7em 0 #282828, 9em 7em 0 #b090f8, 10em 7em 0 #b090f8, 11em 7em 0 #f8f8f8, 12em 7em 0 #282828, 13em 7em 0 #d86060, 14em 7em 0 #282828, 2em 8em 0 #282828, 3em 8em 0 #b090f8, 4em 8em 0 #f8f8f8, 5em 8em 0 #282828, 6em 8em 0 #282828, 7em 8em 0 #282828, 8em 8em 0 #b090f8, 9em 8em 0 #b090f8, 10em 8em 0 #f8f8f8, 11em 8em 0 #f8f8f8, 12em 8em 0 #f8f8f8, 13em 8em 0 #282828, 14em 8em 0 #282828, 2em 9em 0 #282828, 3em 9em 0 #b090f8, 4em 9em 0 #b090f8, 5em 9em 0 #f8f8f8, 6em 9em 0 #f8f8f8, 7em 9em 0 #282828, 8em 9em 0 #b090f8, 9em 9em 0 #f8f8f8, 10em 9em 0 #282828, 11em 9em 0 #f8f8f8, 12em 9em 0 #f8f8f8, 13em 9em 0 #f8f8f8, 14em 9em 0 #282828, 2em 10em 0 #282828, 3em 10em 0 #282828, 4em 10em 0 #b090f8, 5em 10em 0 #b090f8, 6em 10em 0 #f8f8f8, 7em 10em 0 #f8f8f8, 8em 10em 0 #b090f8, 9em 10em 0 #f8f8f8, 10em 10em 0 #282828, 11em 10em 0 #f8f8f8, 12em 10em 0 #282828, 13em 10em 0 #282828, 14em 10em 0 #282828, 1em 11em 0 #282828, 2em 11em 0 #282828, 3em 11em 0 #b090f8, 4em 11em 0 #b090f8, 5em 11em 0 #f8f8f8, 6em 11em 0 #f8f8f8, 7em 11em 0 #f8f8f8, 8em 11em 0 #f8f8f8, 9em 11em 0 #f8f8f8, 10em 11em 0 #f8f8f8, 11em 11em 0 #282828, 12em 11em 0 #b06028, 13em 11em 0 #f0a068, 14em 11em 0 #282828, 0 12em 0 #282828, 1em 12em 0 #b090f8, 2em 12em 0 #b090f8, 3em 12em 0 #282828, 4em 12em 0 #282828, 5em 12em 0 #f8f8f8, 6em 12em 0 #f8f8f8, 7em 12em 0 #b090f8, 8em 12em 0 #f8f8f8, 9em 12em 0 #f8f8f8, 10em 12em 0 #f8f8f8, 11em 12em 0 #b090f8, 12em 12em 0 #282828, 13em 12em 0 #f0a068, 14em 12em 0 #f0a068, 15em 12em 0 #282828, 0 13em 0 #282828, 1em 13em 0 #282828, 2em 13em 0 #282828, 3em 13em 0 #f8f8f8, 4em 13em 0 #f8f8f8, 5em 13em 0 #f8f8f8, 6em 13em 0 #b090f8, 7em 13em 0 #282828, 8em 13em 0 #f8f8f8, 9em 13em 0 #f8f8f8, 10em 13em 0 #b090f8, 11em 13em 0 #282828, 12em 13em 0 #d86060, 13em 13em 0 #282828, 14em 13em 0 #282828, 0 14em 0 #282828, 1em 14em 0 #b090f8, 2em 14em 0 #f8f8f8, 3em 14em 0 #f8f8f8, 4em 14em 0 #b090f8, 5em 14em 0 #b090f8, 6em 14em 0 #282828, 7em 14em 0 #b090f8, 8em 14em 0 #f8f8f8, 9em 14em 0 #f8f8f8, 10em 14em 0 #b090f8, 11em 14em 0 #282828, 12em 14em 0 #d86060, 13em 14em 0 #d86060, 14em 14em 0 #282828, 0 15em 0 #282828, 1em 15em 0 #282828, 2em 15em 0 #b090f8, 3em 15em 0 #b090f8, 4em 15em 0 #b090f8, 5em 15em 0 #282828, 6em 15em 0 #b090f8, 7em 15em 0 #f8f8f8, 8em 15em 0 #f8f8f8, 9em 15em 0 #f8f8f8, 10em 15em 0 #b090f8, 11em 15em 0 #b090f8, 12em 15em 0 #282828, 13em 15em 0 #282828, 1em 16em 0 #282828, 2em 16em 0 #282828, 3em 16em 0 #282828, 4em 16em 0 #282828, 5em 16em 0 #282828, 6em 16em 0 #b090f8, 7em 16em 0 #f8f8f8, 8em 16em 0 #f8f8f8, 9em 16em 0 #b090f8, 10em 16em 0 #b090f8, 11em 16em 0 #b090f8, 12em 16em 0 #282828, 13em 16em 0 #282828, 1em 17em 0 #282828, 2em 17em 0 #b06028, 3em 17em 0 #282828, 4em 17em 0 #282828, 5em 17em 0 #b090f8, 6em 17em 0 #b090f8, 7em 17em 0 #b090f8, 8em 17em 0 #b090f8, 9em 17em 0 #b090f8, 10em 17em 0 #282828, 11em 17em 0 #282828, 12em 17em 0 #f0a068, 13em 17em 0 #f0a068, 14em 17em 0 #282828, 2em 18em 0 #282828, 4em 18em 0 #282828, 5em 18em 0 #282828, 6em 18em 0 #282828, 7em 18em 0 #282828, 8em 18em 0 #282828, 9em 18em 0 #282828, 10em 18em 0 #282828, 11em 18em 0 #b06028, 12em 18em 0 #282828, 13em 18em 0 #282828, 10em 19em 0 #282828, 11em 19em 0 #282828, 12em 19em 0 #282828;
}
50% {
box-shadow: 10em 4em 0 #282828, 11em 4em 0 #282828, 12em 4em 0 #282828, 6em 5em 0 #282828, 7em 5em 0 #282828, 8em 5em 0 #282828, 9em 5em 0 #282828, 10em 5em 0 #d86060, 11em 5em 0 #d86060, 12em 5em 0 #d86060, 13em 5em 0 #282828, 3em 6em 0 #282828, 4em 6em 0 #282828, 5em 6em 0 #282828, 6em 6em 0 #b090f8, 7em 6em 0 #b090f8, 8em 6em 0 #b090f8, 9em 6em 0 #282828, 10em 6em 0 #282828, 11em 6em 0 #282828, 12em 6em 0 #d86060, 13em 6em 0 #d86060, 14em 6em 0 #282828, 2em 7em 0 #282828, 3em 7em 0 #f8f8f8, 4em 7em 0 #f8f8f8, 5em 7em 0 #282828, 6em 7em 0 #282828, 7em 7em 0 #b090f8, 8em 7em 0 #282828, 9em 7em 0 #b090f8, 10em 7em 0 #b090f8, 11em 7em 0 #f8f8f8, 12em 7em 0 #282828, 13em 7em 0 #d86060, 14em 7em 0 #282828, 2em 8em 0 #282828, 3em 8em 0 #f8f8f8, 4em 8em 0 #f8f8f8, 5em 8em 0 #f8f8f8, 6em 8em 0 #282828, 7em 8em 0 #282828, 8em 8em 0 #b090f8, 9em 8em 0 #b090f8, 10em 8em 0 #f8f8f8, 11em 8em 0 #f8f8f8, 12em 8em 0 #f8f8f8, 13em 8em 0 #282828, 14em 8em 0 #282828, 2em 9em 0 #282828, 3em 9em 0 #b090f8, 4em 9em 0 #b090f8, 5em 9em 0 #f8f8f8, 6em 9em 0 #f8f8f8, 7em 9em 0 #282828, 8em 9em 0 #b090f8, 9em 9em 0 #f8f8f8, 10em 9em 0 #282828, 11em 9em 0 #f8f8f8, 12em 9em 0 #f8f8f8, 13em 9em 0 #f8f8f8, 14em 9em 0 #282828, 1em 10em 0 #282828, 2em 10em 0 #f8f8f8, 3em 10em 0 #282828, 4em 10em 0 #b090f8, 5em 10em 0 #b090f8, 6em 10em 0 #f8f8f8, 7em 10em 0 #f8f8f8, 8em 10em 0 #b090f8, 9em 10em 0 #f8f8f8, 10em 10em 0 #282828, 11em 10em 0 #f8f8f8, 12em 10em 0 #282828, 13em 10em 0 #282828, 14em 10em 0 #282828, 1em 11em 0 #282828, 2em 11em 0 #b090f8, 3em 11em 0 #f8f8f8, 4em 11em 0 #282828, 5em 11em 0 #282828, 6em 11em 0 #b090f8, 7em 11em 0 #f8f8f8, 8em 11em 0 #f8f8f8, 9em 11em 0 #f8f8f8, 10em 11em 0 #f8f8f8, 11em 11em 0 #282828, 12em 11em 0 #b06028, 13em 11em 0 #f0a068, 14em 11em 0 #282828, 1em 12em 0 #282828, 2em 12em 0 #b090f8, 3em 12em 0 #f8f8f8, 4em 12em 0 #f8f8f8, 5em 12em 0 #f8f8f8, 6em 12em 0 #f8f8f8, 7em 12em 0 #b090f8, 8em 12em 0 #f8f8f8, 9em 12em 0 #f8f8f8, 10em 12em 0 #f8f8f8, 11em 12em 0 #b090f8, 12em 12em 0 #282828, 13em 12em 0 #f0a068, 14em 12em 0 #f0a068, 15em 12em 0 #282828, 1em 13em 0 #282828, 2em 13em 0 #282828, 3em 13em 0 #b090f8, 4em 13em 0 #f8f8f8, 5em 13em 0 #f8f8f8, 6em 13em 0 #b090f8, 7em 13em 0 #282828, 8em 13em 0 #f8f8f8, 9em 13em 0 #f8f8f8, 10em 13em 0 #b090f8, 11em 13em 0 #282828, 12em 13em 0 #d86060, 13em 13em 0 #282828, 14em 13em 0 #282828, 1em 14em 0 #282828, 2em 14em 0 #b090f8, 3em 14em 0 #282828, 4em 14em 0 #b090f8, 5em 14em 0 #f8f8f8, 6em 14em 0 #282828, 7em 14em 0 #f8f8f8, 8em 14em 0 #f8f8f8, 9em 14em 0 #f8f8f8, 10em 14em 0 #b090f8, 11em 14em 0 #282828, 12em 14em 0 #d86060, 13em 14em 0 #d86060, 14em 14em 0 #282828, 2em 15em 0 #282828, 3em 15em 0 #b090f8, 4em 15em 0 #b090f8, 5em 15em 0 #b090f8, 6em 15em 0 #282828, 7em 15em 0 #f8f8f8, 8em 15em 0 #f8f8f8, 9em 15em 0 #f8f8f8, 10em 15em 0 #b090f8, 11em 15em 0 #b090f8, 12em 15em 0 #282828, 13em 15em 0 #282828, 2em 16em 0 #282828, 3em 16em 0 #b090f8, 4em 16em 0 #282828, 5em 16em 0 #282828, 6em 16em 0 #b06028, 7em 16em 0 #282828, 8em 16em 0 #f8f8f8, 9em 16em 0 #b090f8, 10em 16em 0 #b090f8, 11em 16em 0 #b090f8, 12em 16em 0 #282828, 3em 17em 0 #282828, 4em 17em 0 #b06028, 5em 17em 0 #b06028, 6em 17em 0 #f0a068, 7em 17em 0 #282828, 8em 17em 0 #b090f8, 9em 17em 0 #b090f8, 10em 17em 0 #282828, 11em 17em 0 #282828, 3em 18em 0 #282828, 4em 18em 0 #282828, 5em 18em 0 #b06028, 6em 18em 0 #f0a068, 7em 18em 0 #f0a068, 8em 18em 0 #282828, 9em 18em 0 #282828, 3em 19em 0 #282828, 4em 19em 0 #282828, 5em 19em 0 #282828, 6em 19em 0 #282828, 7em 19em 0 #282828;
}
}
/* 兼容小屏幕直接隐藏 */
@media screen and (max-width: 1108px) {
.sceneji {
display: none;
}
}
/* 全站右下角像素鸡 结束*/
在footer.php中放入以下代码，位置如图
<!--像素鸡--> <div id="sceneji" class="sceneji"> <!-- <div class="grass grass--1"></div> <div class="grass grass--2"></div> --> <div class="flowerji"></div> <div class="linkji"></div> <!--像素鸡-->
注意
在css的代码中：
.sceneji {
font-size: 3px;
position: fixed;
width: 100%;
max-width: 75em;
height: 60em;
right: 7px;
bottom: -51px;
z-index: 99;
}
.grassji {
position: absolute;
}
这部分是为了适配B2主题，如果你用的不是B2主题，可以修改相关样式值，自己调整一下显示位置。