wave 애니메이션(with. text-decoration)
이번시간에는 text-decoration-line, text-decoration-color, overflow을 이용하여 간단하게 물결 애니메이션을 만들어본다. 1. 미리보기 See the Pen wave line animation by KumJungMin (@kumjungmin) on CodePen. 2. 코드 보기 1) html html 구조는 간단하다. 글자를 담을 wave 클래스 요소 하나만 생성하면 된다. 2) css (1) 기본 스타일 지정 기본적으로 html에는 margin, padding값이 부여되어 있다. 만약 margin, padding 기본값을 사용하고 싶지 않다면 0으로 지정해주면 된다. * { margin: 0; padding: 0; ... } box-sizing은 박스의 크기를 무..
2021. 10. 15.