CSS 로 배경색상을 변경하는 애니메이션 코드... 10초간격 반복변경
css 를 이용하여 배경색을 변경하는 코드입니다. 10초의 간격을 두고 검은색에서 붉은색으로 천천히 변경되기를 반복하게 됩니다. @keyframes 으로 animateBackground 라는 변수에 애니메이션에 대한 설정을 하게 되는데요 0%는 시작, 50%는 중간, 100%는 애니메이션의 끝을 나타냅니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 .background-animation { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; background-color: #000; animation..
IT공부방/HTML5, CSS
2023. 6. 15. 10:10
