CSS
语言:
CSSSCSS
确定
body {
font-family: 'Raleway', sans-serif;
background-color: #333;
color: #fff; }
.container {
position: absolute;
width: 500px;
height: 500px;
opacity: 0.7;
left: 50%;
transform: translateX(-50%);
padding-top: 0px;
margin: auto;
perspective: 600px; }
.flip {
-webkit-animation: spin 700ms linear infinite;
transform-style: preserve-3d; }
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 50%;
left: 50%; }
.front {
transform: rotateY(0deg); }
.back {
transform: rotateY(180deg); }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotateY(360deg); } }
@-webkit-keyframes colorChange {
20% {
color: #94ff1a; }
40% {
color: #94ff1a; }
60% {
color: #94ff1a; }
80% {
color: #94ff1a; }
100% {
color: #94ff1a; } }
h1 {
font-size: 50pt;
font-weight: 900;
margin-left: 20px;
color: #fff;
margin-bottom: 10px; }
h2 {
font-size: 150pt;
font-weight: 900; }
#yes {
color: #58cc00; }
#no {
color: #cc1300; }
#divider {
border-bottom: 1px solid white; }