Heim > Web-Frontend > HTML-Tutorial > SVG和CSS3炫酷蹦床式图片切换效果_html/css_WEB-ITnose

SVG和CSS3炫酷蹦床式图片切换效果_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:48:42
Original
1070 Leute haben es durchsucht

这是一款效果非常炫酷的 HTML5 SVG和 CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时,整个屏幕就像一张大蹦床一样,将图片弹射出去,切换到另一张图片,效果非常有创意。

另外,所有图片都以栈的方式堆叠在一起,你也可以使用鼠标来拖拽图片,拖拽效果就和拖拽式超弹性效果堆叠图片切换展示特效一样。背景蹦床效果使用SVG来制作,通过Snap.svg来制作动画效果。整个动画动使用 CSS Transitions 来制作平滑的过渡效果。


在线演示:http://www.htmleaf.com/Demo/201503051465.html

下载地址:http://www.htmleaf.com/html5/SVG/201503051464.html

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage