如何使用CSS創造滑入過渡效果？

如何使用 CSS 建立滑入轉場

CSS 提供了多種用於建立滑入轉場的選項，包括 CSS3 轉場和動畫。

CSS3 過渡

對於過渡，相關程式碼看起來像這樣this:

在此範例中，當滑鼠懸停在父元素(.wrapper)上時，元素(#slide) 的位置在1 秒內從left: -100px 轉換為0。

CSS3 動畫

或者，可以使用動畫來達到滑入效果。以下是範例：

此動畫在 2 秒延遲後開始，並在完成時保持結束狀態。

注意： 瀏覽器對這些功能的支援可以查看[這裡](http://caniuse.com/)。

以上是如何使用CSS創造滑入過渡效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！