본문 바로가기 메뉴 바로가기

CRUISEWEB

CRUISEWEB
  • WRITE
  • ADMIN
  • TAG
  • GUEST
  • RSS

CRUISEWEB의 팀블로그입니다.
모르는 것을 부끄러워하지 말라!
웃으면 복이 와요 😀

  • CRUISEWEB (118)
    • DRAWER (19)
    • DESIGN (13)
    • A11Y (3)
    • HTML (4)
    • CSS (19)
      • DOCUMENT (13)
      • SNIPPET (4)
      • MINING (1)
    • GULP (0)
    • JAVASCRIPT (0)
    • CROSS (4)
    • ETC (3)
    • · (0)
    • 웹 개발 (0)
    • Spring (0)
    • Design Pattern (0)
    • ALGORITHM (1)
    • JAVA (48)
      • PRIMER (47)
      • JSP (1)
    • 데이터베이스 (1)
      • Oracle (0)
    • 네트워크 (0)
    • 정리중 (0)
    • · 2 (0)
    • 뻘글 (3)
  • 방명록
검색하기 폼

transition-delay (1)
[CSS] Transition

transition 일반적으로 CSS 속성 값이 바뀔 때, 즉각적으로 바뀌어 렌더링되지만, transition 속성을 사용하여 새로운 CSS 속성 값으로의 전환을 구체적으로 정의할 수 있다. transition-property, transition-duration, transition-delay, transition-timing-function의 단축 속성이다. 애니메이션이 가능한 CSS 속성들만 트랜지션 가능 애니메이션이 가능한 속성 목록 여러개의 트랜지션은 콤마로 분리하여 리스트로 작성 리스트 매칭 : 트랜지션 리스트들이 같은 길이가 아닌 경우, transition-property 리스트의 길이에 따라 각 속성 트랜지션이 시작되는 지점이 결정됨 See the Pen transition-property..

CSS/DOCUMENT 2017. 8. 7. 14:59
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • css_sapjil
  • js_perfectacle
  • js_bsidesoft
  • js_chanlee
  • 서민의 기생충같은 이야기
TAG
  • background-clip
  • content
  • Clear
  • border-image-source
  • transition-timing-function
  • border-image-slice
  • radial-gradient
  • linear-gradient
  • background-color
  • border-image
  • transition-property
  • background-position
  • Opacity
  • background-repeat
  • background-image
  • border-color
  • border-style
  • border-radius
  • float
  • background-size
  • transition-delay
  • Transition
  • box-sizing
  • background-origin
  • repeating-linear-gradient
  • transition-duration
  • transform-origin
  • repeating-radial-gradient
  • RGBA
  • background-attachment
more

Copyright 2017 ⓒ CRUISEWEB. All Right Reserved

티스토리툴바