這是一款非常有創意的HTML網頁DOM元素拖拽彈性反彈和變形動畫特效。這個特效中有兩種效果：第一種是彈性模態窗口效果，第二種是彈性幻燈片效果。這兩種效果均可以拖拽DOM元素，然后釋放它們時生成非常震撼的彈性搖擺特效。

在第一種彈性模態窗口中，用戶可以通過按鈕打開一個模態窗口。這個模態窗口可以用鼠標進行拖拽，拖拽時模態窗口會根據鼠標的位置發生變形。如果用戶在瀏覽器窗口內釋放鼠標，模態對話框會非常有彈性的反彈會原來的位置，并且對話框中的內容也會跟著做彈性搖擺運動。如果將模態窗口拖動到瀏覽器窗口之外，模態窗口將被關閉。效果非常的震撼。

在第二種彈性幻燈片效果中，用戶可以拖動幻燈片圖片。每一個幻燈片的SLIDE在被拖動時都會根據鼠標位置來發生變形動畫。同樣如果用戶在瀏覽器窗口內釋放鼠標，幻燈片圖片會彈性反彈會原來的位置。如果將圖片拖動到窗口之外，則幻燈片切換到下一張圖片。

該特效中使用了較多的新的CSS3特性，請使用最新版的信貸瀏覽器來觀看效果。另外，由于IE11瀏覽器不支持transform-style: preserve-3d和CSS過濾器，所以在IE11瀏覽器中部分效果是不可見的。

下面是該特效的一些截圖效果：

總結

以上是生活随笔為你收集整理的jquery回弹_创意网页DOM元素拖拽弹性反弹和变形动画特效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。