[CSS] 흐르는 텍스트 구현하기
1. html에서 흐르는 텍스트를 구현할 부분 설정 글씨가 잘 보이지 않는 세군데에다가 다음의 코드를 추가해준다. 예를 들면 내 코드는 다음과 같다. PROWDMON∦ HYEILY 2. CSS 정의 원하는 곳에 class를 설정해주었다면, 해당 class를 각각 CSS애서 정의 해주어야 한다. 내가 원하는 것은 1. 넘치는 글자들 움직이도록 만들기 2. 마우스를 올렸을 때 색깔이 변함과 동시에 움직임 잠시(마우스가 올라가 있는 동안) 멈추기 flow-text .flow-text { display: flex; /* 텍스트를 가로로 나열하기 위해서 */ flex: 0 0 auto; /* 화면이 줄어들었을때 항목들의 사이즈가 줄어들지 않게 하기위해 */ white-space: nowrap; /* 텍스..
[HTML] px을 %로 바꾸기 - 가변 그리드
위의 내용은 책을 보고 공부한 것을 기억하기 위해 작성한 기록장이다. 1. px을 %로 바꾸기 - 가변 그리드 가변 그리드 공식 (가변 크기로 만들 박스의 가로 너비 ÷ 가변 크기로 만들 박스를 감싸고 있는 박스의 가로 너비) * 100 = 가변 크기의 % 값 Q. wrap 또는 wrapper라는 박스가 소스에 항상 있는 이유 웹사이트의 소스를 보면 wrap 또는 wrapper라는 아이디를 쓰는 태그로 모든 태그들을 감싸고 있는 소스를 자주 볼 수 있다. wrap 또는 wrapper라는 요소로 박스 전체를 감싸면 웹 문서 내용 전체의 크기나 배경색 등을 한꺼번에 조절할 수 있을 뿐만 아니라, 브라우저 화면 크기에 상관없이 웹문서의 내용을 중앙에 배치할 수도 있다. 또한 반응형 웹에서는 자식 박스들이 가변..