图片/图形

DOM元素拖拽弹性反弹变形动画

阿里云


这是一款非常有创意的 HTML 网页 DOM 元素拖拽弹性反弹和变形动画特效。这个特效中有两种效果:第一种是弹性模态窗口效果,第二种是弹性幻灯片效果。这两种效果均可以拖拽 DOM 元素,然后释放它们时生成非常震撼的弹性摇摆特效。在第一种弹性模态窗口中,用户可以通过按钮打开一个模态窗口。这个模态窗口可以用鼠标进行拖拽,拖拽时模态窗口会根据鼠标的位置发生变形。如果用户在浏览器窗口内释放鼠标,模态对话框会非常有弹性的反弹会原来的位置,并且对话框中的内容也会跟着做弹性摇摆运动。如果将模态窗口拖动到浏览器窗口之外,模态窗口将被关闭。效果非常的震撼。在第二种弹性幻灯片效果中,用户可以拖动幻灯片图片。每一个幻灯片的 SLIDE 在被拖动时都会根据鼠标位置来发生变形动画。同样如果用户在浏览器窗口内释放鼠标,幻灯片图片会弹性反弹会原来的位置。如果将图片拖动到窗口之外,则幻灯片切换到下一张图片。该特效中使用了较多的新的 CSS3 特性,请使用最新版的信贷浏览器来观看效果。另外,由于 IE11 浏览器不支持 transform-style: preserve-3d 和 CSS 过滤器,所以在 IE11 浏览器中部分效果是不可见的。

DOM 元素拖拽弹性反弹变形动画

已有 372 人购买
查看演示升级 VIP立刻购买

也想出现在这里?联系我们
创客主机
演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!