TV를 보면 오른쪽에서 왼쪽으로 뉴스나 광고 문구 등이 계속 움직일 때가 있다. 그런 효과를 HTML과 CSS로 어떻게 표현하는지 방법을 알아보자. 지속적으로 흐르는 글자 를 뜯어보자. HTML CSS @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } .slider { background: white; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); height: 100px; margin: auto; overflow: hidden; position: relative; width: 960px; } .slider::before, .slider::after { background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);…