css로 텍스트 애니메이션 적용하기 흐르는 텍스트 wow는 스크립트를 불러온 후 호출하는 방식이지만, css 만으로 위로 올라가는 애니메이션 효과를 줄 수 있다. 이미지 슬라이드를 보는 느낌이 난다. 아래와 같이 변경하면 우측에서 왼쪽으로 흐른다. overflow-X: hidden; from { transform: translateX(3em) }/* 애니메이션 높이 */ to { transform: translateX(0) } html&php 2023.03.22
이미지 또는 텍스트를 정중앙으로 정렬하기 이미지 또는 텍스트 중앙 정렬 상자 안에 텍스트나 이미지를 넣으면 상자 안 맨 위로 붙어버린다. 정중앙으로 배치하기 위해서는 다음과 같은 클래스가 필요하다. justify-content: center; /* 수평 중앙 정렬 */ align-items: center; /* 수직 중앙 정렬 */ html&php 2023.03.21
