css如何實現漸漸消失

css實現漸漸消失的方法：首先用「@keyframes」規則和animation屬性定義動畫；然後在動畫開始部分添加「opacity:1;」樣式，設定正常狀態；最後在動畫結束部分添加“opacity:0;”樣式，設定完全透明狀態，隱藏元素。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

.hideSlow{
    background: #a40808;
      color: #fff;
      animation: hidetip 5s 1;
      animation-fill-mode: forwards;
      -webkit-animation: showtip 5s 1;
      -webkit-animation-fill-mode: forwards;
}
@keyframes hidetip {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
      }
    }
    @-webkit-keyframes hidetip {
      from {
        opacity: 1;
      }
      to {
        opacity: 0;
      }
    }

推薦學習：css影片教學

#

以上是css如何實現漸漸消失的詳細內容。更多資訊請關注PHP中文網其他相關文章！