블로그 이미지

Gicomong (Lux)

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

Mong dev blog

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

transition-duration1

hover시 색이 변하는 애니메이션(with. box-shadow로 네온 효과)
1. 미리보기 box-shadow를 사용해 네온효과를 주고, 마우스가 지나가면 transition-duration을 달리 주어 색을 나타나게 하는 애니메이션을 만들어보자! See the Pen js_100_day11 by KumJungMin (@kumjungmin) on CodePen. 2. 코드 설명 1) html [1] 부모요소이다. 이 부모요소 내부에 js를 사용해, 여러 개의 자식 요소를 만들 예정이다. 2) js [2] querySelector로 id="container"요소를 가져온다.const container = document.querySelector('#container'); //[2] const SQUARE_NUM = 500; //자식요소 개수 const colors =..
2021. 9. 25.
이전 1 다음

티스토리툴바