블로그 이미지

Gicomong (Lux)

  • 분류 전체보기
    • 개발 기술
      • 사소하지만 놓치기 쉬운 개발 지식
      • css 애니메이션 (with js)
      • 개발 이야기
      • jest로 테스트하자
      • 함수형 프로그래밍
      • 타입스크립트
    • 사용자의 접근성 높이는 방법
      • W3C 기준
    • 조직 문화
    • 이번엔 이 공부 끝내겠다 시리즈
      • 테스트코드
      • github actions
      • 정규표현식
    • 라이브러리 파헤치기
    • error log
    • 주저리
Visits

Mong dev blog

  • 관리
  • 글쓰기
  • 방명록
  • 로그인
  • 로그아웃

css text-decoration1

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.
이전 1 다음

티스토리툴바