Codingku

transition

CSS Syntax

transition: property duration timing-function delay | initial | inherit;

JavaScript Syntax

object.style.transition="all 2s"
Default value:all 0s ease 0s
Inherited:tidak
Animatable:tidak Read about animatable
Version:CSS3

Attribute Value

default transition: 1s;

  • transition-duration diatur ke 1s
  • transition-property defaults ke all
  • transition-timing-function defaults ke ease
  • transition-delay defaults ke 0s

transition: 1s linear;

  • transition-duration diatur ke 1s
  • transition-property defaults ke all
  • transition-timing-function diatur ke linear
  • transition-delay defaults ke 0s

transition: background 1s linear;

  • transition-duration diatur ke 1s
  • transition-property diatur ke background
  • transition-timing-function diatur ke linear
  • transition-delay defaults ke 0s

transition: background 1s linear 500ms;

  • transition-duration diatur ke 1s
  • transition-property diatur ke background
  • transition-timing-function diatur ke linear
  • transition-delay diatur ke 500ms

transition: background 4s, transform 1s;

Kamu dapat menggabungkan beberapa properti dengan durasi transisinya sendiri.