비전공자 개발일기

r e p o l e v e d d n e t n o r f * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #222; } body::before { content: ''; position: absolute; inset: 0; background: linear-gradient(#08FF12, #0791FF); z-index: 10; pointer-events: none; mix-blend-mode: multiply; } .circle { position: relative; ..

.animated-background { background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045); background-size: 400% 400%; animation: animate-background 10s infinite ease-in-out; } @keyframes animate-background { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }