오늘의 CODE

  • 홈
  • 태그
  • 방명록

css keyframe 1

animation 반복과 반복 사이 delay

animation이 1초 동안 진행이 되지만 반복되기 전 4초 정도의 딜레이를 주고 싶다고 가정해보자. 말로는 쉽지만 하려고 하니까 참 생각처럼 되지 않았다. animation-delay라는 속성이 있지만 이 속성은 animation이 처음 시작하기 전 딜레이를 주는 속성으로 내가 원하는 효과에는 도움이 되지 않았다. Solution. animation: shinig 5s infinite; animtion의 during 시간을 5초로 설정한 후 keyframe에서 4초동안 아무 움직임이 없도록 하는 편법을 사용했다. @keyframes shinig { 0% { // 아무 움직임 없음. } 80% { // 내가 원하는 값을 입력 } 100% { // 내가 원하는 값을 입력 } } 내가 너무 허술하게 설명하..

프론트엔드/css 2022.03.11
1
더보기
프로필사진

오늘의 CODE를 내일로 미루지 말자!!

  • 전체 (155)
    • 개발 환경 & 셋업 (8)
      • Setting Guide (8)
    • 프론트엔드 (97)
      • HTML (2)
      • css (40)
      • javascript (31)
      • React (9)
      • Vue.js (15)
    • 블록체인 & Web3 (7)
      • Block chain (4)
      • web3.js (3)
    • 에러 노트 (3)
      • 내가 만난 에러들 (3)
    • 이론 & 자료 정리 (20)
      • 개념 노트 (14)
      • 번역 아카이브 (6)
    • TIL & Practice (19)
      • Coding Practice (19)

Tag

카다인 알고리즘, 중복접두사, Regex, 콜백지옥, Nuxt.js, 접두사 검색, 알고리즘, 백엔드 도전기, css, 비동기처리, 지지않아, javascript example, spread operator, Blockchain, docker 로컬 설치, javascript, authoptions, package.json, 프로그래머스, JSON,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바