You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
905 B
26 lines
905 B
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
|
|
|
|
.yqlist li{float: left; width: 33%; padding:15% 0 ; text-align: center;}
|
|
.yq{width:150px; height: 150px; margin: 0 auto 5px auto; position: relative; display: flex; justify-content: center;align-items: center; font-size: 30px;font-family:electronicFont;}
|
|
|
|
.yq:before{position: absolute; width: 100%; height: 100%; content: ""; background: url(../image/img1.png) center center; border-radius: 100px; background-size: 100% 100%; opacity:.3;
|
|
left:0; top: 0; animation: myfirst2 15s infinite linear;}
|
|
|
|
.yq:after{position: absolute; width: 86%; background: url(../images/img2.png) center center; border-radius: 100px; background-size: 100% 100%; opacity:.3;
|
|
height: 86%; content: ""; left:7%; top: 7%; animation: myfirst 15s infinite linear;}
|
|
|
|
|
|
@keyframes myfirst
|
|
{
|
|
to { transform: rotate(-360deg)}
|
|
}
|
|
@keyframes myfirst2
|
|
{
|
|
to { transform: rotate(360deg)}
|
|
}
|
|
|
|
|
|
|