user@dailytools:/css-animation█

CSS Animation 產生器

預覽

▶

動畫類型

動畫設定

$ name:

$ selector:

時間設定

$ duration:秒

$ delay:秒

$ iteration:

$ direction:

$ timing:

$ fill-mode:

關鍵幀編輯器

100%

opacity:

100%

opacity:

CSS 程式碼

@keyframes myAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animated {
  animation: myAnimation 1s ease 0s 1 normal none;
}

使用說明

視覺化建立 CSS 動畫效果，產生可直接使用的 CSS 程式碼。

選擇預設動畫或自訂關鍵幀，調整時間設定後複製 CSS 到專案中使用。

$ cat /etc/author.conf

喜歡這個專案嗎？

您的支持能幫助我持續開發更多實用工具！