border-radius: 15px;
border: 2px dashed #ce93d8;
animation: fade 0.5s;
}
.btn-group {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
}
button {
padding: 1rem 2rem;
border: none;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s;
font-size: 1.2rem;
min-width: 150px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
#startBtn {
background: #c8e6c9;
color: #2e7d32;
}
#stopBtn {
background: #ffcdd2;
color: #c62828;
}
#infoBtn {
background: #d1c4e9;
color: #4527a0;
}
button:disabled {
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}
@keyframes fade {
0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0); }
}
.running {
animation: slide 0.8s infinite alternate;
background: linear-gradient(90deg, #f3e5f5 50%, #fff 50%);
}
@keyframes slide {
0% { transform: translateX(-5px); }
100% { transform: translateX(5px); }
}
🌸 唐代詩人知多少 🌸
點擊開始認識詩人！
Save your page and get a link to view it live, anywhere.