CSS
语言:
CSSSCSS
确定
.frame {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 400px;
margin-top: -200px;
margin-left: -200px;
border-radius: 2px;
box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.25);
overflow: hidden;
background: #9B59B6;
color: #fff;
font-family: 'Open Sans', Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ball {
position: absolute;
width: 50px;
height: 50px;
top: 175px;
left: 175px;
background: #fff;
border-radius: 50%;
-webkit-animation: ball 2s ease-in-out infinite;
animation: ball 2s ease-in-out infinite;
}
.ball .blur {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
}
.ball .blur-1 {
opacity: 0.9;
-webkit-animation: blur-1 2s ease-in-out infinite;
animation: blur-1 2s ease-in-out infinite;
}
.ball .blur-2 {
opacity: 0.8;
-webkit-animation: blur-2 2s ease-in-out infinite;
animation: blur-2 2s ease-in-out infinite;
}
.ball .blur-3 {
opaci