DevLog

그리드 사용해서 레이아웃 잡기 연습 겸 웹사이트 화면 클론코딩하다가 무한으로 반복해서 한 방향으로 흐르는 텍스트 스타일을 구현해보고 싶어서 도전! 그리드랑 SCSS 공부한 것도 블로그에 정리해야 되는데 다 건너뛰고 이걸 먼저 쓰고 있네.. 언제 다 정리하지😥 생각보다 아주 많이 간단함 주의 .top, .bottom{ display: flex; white-space: nowrap; /* 텍스트는 뉴라인으로 넘어가지 않게 한 줄로 */ overflow: hidden; /* width를 넘어가는 텍스트는 보이지 않게 숨김 */ } 먼저 텍스트를 담을 부모 box에 필요한 속성을 설정해준다. @keyframes textLoopLeft { 0% { transform: translateX(0%); } 100% { ..