caojiezi2003/live2d-widget
1
0
Fork 0
mirror of https://github.com/caojiezi2003/live2d-widget.git synced 2024-09-20 05:12:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
12c9e85acd
live2d-widget/waifu.css

294 lines
4.5 KiB
CSS
Raw Normal View History

Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu-toggle {
background-color: #fa0;
border-radius: 5px;
CSS lint
2019-12-04 15:29:51 +00:00
bottom: 66px;
color: #fff;
cursor: pointer;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
font-size: 12px;
CSS lint
2019-12-04 15:29:51 +00:00
left: 0;
padding: 5px 2px 5px 5px;
position: fixed;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
width: 60px;
CSS lint
2019-12-04 15:29:51 +00:00
writing-mode: vertical-rl;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu {
bottom: -1000px;
left: 0;
line-height: 0;
CSS lint
2019-12-04 15:29:51 +00:00
position: fixed;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
transform: translateY(3px);
Use CSS3 animation
2019-12-29 11:40:35 +00:00
transition: transform .3s ease-in-out, bottom 3s ease-in-out;
CSS lint
2019-12-04 15:29:51 +00:00
z-index: 1;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu:hover {
transform: translateY(0);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
@media (max-width: 768px) {
#waifu {
display: none;
}
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu-tips {
CSS lint
2019-12-04 15:29:51 +00:00
animation: shake 50s ease-in-out 5s infinite;
background-color: rgba(236, 217, 188, .5);
border: 1px solid rgba(224, 186, 140, .62);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
border-radius: 12px;
CSS lint
2019-12-04 15:29:51 +00:00
box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
font-size: 14px;
line-height: 24px;
CSS lint
2019-12-04 15:29:51 +00:00
margin: -30px 20px;
min-height: 70px;
opacity: 0;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
overflow: hidden;
CSS lint
2019-12-04 15:29:51 +00:00
padding: 5px 10px;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
position: absolute;
CSS lint
2019-12-04 15:29:51 +00:00
text-overflow: ellipsis;
width: 250px;
word-break: break-all;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Optimize CSS
2019-12-26 03:38:44 +00:00
#waifu-tips span {
color: #0099cc;
}
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu #live2d {
cursor: grab;
CSS lint
2019-12-04 15:29:51 +00:00
position: relative;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu #live2d:active {
cursor: grabbing;
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu-tool {
color: #aaa;
opacity: 0;
CSS lint
2019-12-04 15:29:51 +00:00
position: absolute;
right: -10px;
top: 70px;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
transition: opacity 1s;
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu:hover #waifu-tool {
opacity: 1;
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu-tool span {
CSS lint
2019-12-04 15:29:51 +00:00
color: #5b6c7d;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
cursor: pointer;
CSS lint
2019-12-04 15:29:51 +00:00
display: block;
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
line-height: 30px;
text-align: center;
transition: color .3s;
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
#waifu-tool span:hover {
CSS lint
2019-12-04 15:29:51 +00:00
color: #0684bd; /* #34495e */
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
@keyframes shake {
2% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, -1.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
4% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, 1.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
6% {
transform: translate(1.5px, 1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
8% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
10% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
12% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(1.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
14% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, .5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
16% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, -.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
18% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, .5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
20% {
transform: translate(2.5px, 2.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
22% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, -1.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
24% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 1.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
26% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(1.5px, .5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
28% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
30% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(1.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
32% {
transform: translate(2.5px, -1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
34% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, 2.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
36% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, -1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
38% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
40% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
42% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
44% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
46% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(1.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
48% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, -.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
50% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
52% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
54% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
56% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, 2.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
58% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
60% {
transform: translate(2.5px, -1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
62% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, .5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
64% {
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
66% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, 2.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
68% {
transform: translate(2.5px, -1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
70% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
72% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-.5px, -1.5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
74% {
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
76% {
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
78% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, 2.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
80% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, .5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
82% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, .5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
84% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-.5px, .5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
86% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, 1.5px) rotate(.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
88% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, .5px) rotate(1.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
90% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
92% {
transform: translate(-1.5px, -1.5px) rotate(1.5deg);
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
94% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(.5px, .5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
96% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(2.5px, -.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
98% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(-1.5px, -1.5px) rotate(-.5deg);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
CSS lint
2019-12-04 15:29:51 +00:00
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
0%, 100% {
CSS lint
2019-12-04 15:29:51 +00:00
transform: translate(0, 0) rotate(0);
Use LF instead of CRLF
2019-11-12 09:27:00 +00:00
}
}
Reference in New Issue Copy Permalink