我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。Q9z免费资源网

实现是这个样子：Q9z免费资源网

手边没有球形图。随便找一个，功能这里演示的为单机悬浮球注销登录Q9z免费资源网

Q9z免费资源网

Q9z免费资源网

嗯，具体代码：Q9z免费资源网

dataQ9z免费资源网

uploadShow: false,

uploadflag: true,

js方法Q9z免费资源网

uploadenter() {

this.uploadflag = true;

},

uploadleave() {

this.uploadflag = false;

},

uploadanimated() {

setTimeout(() => {

this.uploadShow = true;

setTimeout(() => {

this.uploadleave();

}, 1000);

}, 1000);

},

cssQ9z免费资源网

.off{

-webkit-animation:1s seconddiv;

background: transparent;

}

@keyframes seconddiv{

0% {transform: scale(1.4,1.4);}

10% {transform: scale(1,1);}

25% {transform: scale(1.2,1.2);}

50% {transform: scale(1,1);}

70% {transform: scale(1.2,1.2);}

100% {transform: scale(1,1);}

}

.meun-switch {

position: fixed;

top: 90px;

left: 0px;

z-index: 2001;

cursor: pointer;

width: 150px;

height: 150px;

padding: 5px;

transition: all 0.25s;

&.leave {

left: -65px;

}

&.active {

left: 0;

}

&:hover {

transform: scale(1.02);

}

img {

width: 120px;

height: 120px;

}

}