mirror of
https://github.com/stevenjoezhang/live2d-widget.git
synced 2024-11-25 14:21:28 +08:00
Delete waifu.css
This commit is contained in:
PFiS
GitHub
parent
0dccac4405
commit
d5acd513dc
306
waifu.css
306
waifu.css
@ -1,306 +0,0 @@
|
|||||||
#waifu-toggle {
|
|
||||||
background-color: #fa0;
|
|
||||||
border-radius: 5px;
|
|
||||||
bottom: 66px;
|
|
||||||
color: #fff;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
left: 0;
|
|
||||||
margin-left: -100px;
|
|
||||||
padding: 5px 2px 5px 5px;
|
|
||||||
position: fixed;
|
|
||||||
transition: margin-left 1s;
|
|
||||||
width: 60px;
|
|
||||||
writing-mode: vertical-rl;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-toggle.waifu-toggle-active {
|
|
||||||
margin-left: -50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-toggle.waifu-toggle-active:hover {
|
|
||||||
margin-left: -30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu {
|
|
||||||
bottom: -1000px;
|
|
||||||
left: 0;
|
|
||||||
line-height: 0;
|
|
||||||
margin-bottom: -10px;
|
|
||||||
position: fixed;
|
|
||||||
transform: translateY(3px);
|
|
||||||
transition: transform .3s ease-in-out, bottom 3s ease-in-out;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu:hover {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tips {
|
|
||||||
animation: shake 50s ease-in-out 5s infinite;
|
|
||||||
background-color: rgba(236, 217, 188, .5);
|
|
||||||
border: 1px solid rgba(224, 186, 140, .62);
|
|
||||||
border-radius: 12px;
|
|
||||||
box-shadow: 0 3px 15px 2px rgba(191, 158, 118, .2);
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 24px;
|
|
||||||
margin: -30px 20px;
|
|
||||||
min-height: 70px;
|
|
||||||
opacity: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 5px 10px;
|
|
||||||
position: absolute;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
transition: opacity 1s;
|
|
||||||
width: 250px;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tips.waifu-tips-active {
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity .2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tips span {
|
|
||||||
color: #0099cc;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu #live2d {
|
|
||||||
cursor: grab;
|
|
||||||
height: 300px;
|
|
||||||
position: relative;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu #live2d:active {
|
|
||||||
cursor: grabbing;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tool {
|
|
||||||
color: #aaa;
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: -10px;
|
|
||||||
top: 70px;
|
|
||||||
transition: opacity 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu:hover #waifu-tool {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tool span {
|
|
||||||
color: #7b8c9d;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
line-height: 30px;
|
|
||||||
text-align: center;
|
|
||||||
transition: color .3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#waifu-tool span:hover {
|
|
||||||
color: #0684bd; /* #34495e */
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes shake {
|
|
||||||
2% {
|
|
||||||
transform: translate(.5px, -1.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
4% {
|
|
||||||
transform: translate(.5px, 1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
6% {
|
|
||||||
transform: translate(1.5px, 1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
8% {
|
|
||||||
transform: translate(2.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
10% {
|
|
||||||
transform: translate(.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
12% {
|
|
||||||
transform: translate(1.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
14% {
|
|
||||||
transform: translate(.5px, .5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
16% {
|
|
||||||
transform: translate(-1.5px, -.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
18% {
|
|
||||||
transform: translate(.5px, .5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
20% {
|
|
||||||
transform: translate(2.5px, 2.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
22% {
|
|
||||||
transform: translate(.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
24% {
|
|
||||||
transform: translate(-1.5px, 1.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
26% {
|
|
||||||
transform: translate(1.5px, .5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
28% {
|
|
||||||
transform: translate(-.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
30% {
|
|
||||||
transform: translate(1.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
32% {
|
|
||||||
transform: translate(2.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
34% {
|
|
||||||
transform: translate(2.5px, 2.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
36% {
|
|
||||||
transform: translate(.5px, -1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
38% {
|
|
||||||
transform: translate(2.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
40% {
|
|
||||||
transform: translate(-.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
42% {
|
|
||||||
transform: translate(-1.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
44% {
|
|
||||||
transform: translate(-1.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
46% {
|
|
||||||
transform: translate(1.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
48% {
|
|
||||||
transform: translate(2.5px, -.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
50% {
|
|
||||||
transform: translate(-1.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
52% {
|
|
||||||
transform: translate(-.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
54% {
|
|
||||||
transform: translate(-1.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
56% {
|
|
||||||
transform: translate(.5px, 2.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
58% {
|
|
||||||
transform: translate(2.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
60% {
|
|
||||||
transform: translate(2.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
62% {
|
|
||||||
transform: translate(-1.5px, .5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
64% {
|
|
||||||
transform: translate(-1.5px, 1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
66% {
|
|
||||||
transform: translate(.5px, 2.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
68% {
|
|
||||||
transform: translate(2.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
70% {
|
|
||||||
transform: translate(2.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
72% {
|
|
||||||
transform: translate(-.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
74% {
|
|
||||||
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
76% {
|
|
||||||
transform: translate(-1.5px, 2.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
78% {
|
|
||||||
transform: translate(-1.5px, 2.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
80% {
|
|
||||||
transform: translate(-1.5px, .5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
82% {
|
|
||||||
transform: translate(-1.5px, .5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
84% {
|
|
||||||
transform: translate(-.5px, .5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
86% {
|
|
||||||
transform: translate(2.5px, 1.5px) rotate(.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
88% {
|
|
||||||
transform: translate(-1.5px, .5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
90% {
|
|
||||||
transform: translate(-1.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
92% {
|
|
||||||
transform: translate(-1.5px, -1.5px) rotate(1.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
94% {
|
|
||||||
transform: translate(.5px, .5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
96% {
|
|
||||||
transform: translate(2.5px, -.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
98% {
|
|
||||||
transform: translate(-1.5px, -1.5px) rotate(-.5deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
0%, 100% {
|
|
||||||
transform: translate(0, 0) rotate(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user