transition-delay

意義

變化延遲某指定秒數

範例

.block
  h5 請點選
  h1 標題
  p 内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文
.block
  border: solid 2px
  width: 300px
  height: 300px
  padding: 20px
  font-family: 微軟正黑體
  &:hover
    & h1,& p
      opacity: 1 
  & h1,& p
    opacity: 0
    transition-duration: 0.5s
  & p
    transition-delay: 0.5s

Dsiplay

請點選

標題

内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内文内

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *