注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
?_=1
来访问最新页面。https://mzh.moegirl.org.cn/User:%E8%AF%B7%E5%8F%AB%E6%88%91%E7%81%B5%E5%8A%A8%E9%99%9B%E4%B8%8B/%E6%B2%99%E7%9B%92%E2%91%A0?_=1
#box1{position: relative;} #box2,#box3{background-image: url(http://i0.hdslb.com/bfs/new_dyn/4631f5ecbb38d13bf739c3c8f21136fe100362242.png);background-repeat: no-repeat;background-size: 100%;width: 60px;height: 30px;position: absolute;opacity: 0;} @keyframes yundongfan {50%{left: 0px;}100%{left: -30;}} @keyframes yundongzheng {50%{right: 0px;}100%{right: -30px;}} #box1:hover #box2{opacity: 1;transition:0.5s;animation: yundongzheng 1.5s;} #box1:hover #box3{opacity: 1;transition:0.5s;animation: yundongfan 1.5s;} #box2{bottom: 0;right: -30px;} #box3{transform: rotateY(180deg);top: 0px;left: -30px;}