基于SVG图像变形过渡效果的js轮播图

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > 基于SVG图像变形过渡效果的js轮播图
小编推荐: 掘金是国内最活跃的技术社区,从 jQuery到vue,从前端教程到开源库,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。
基于SVG图像变形过渡效果的js轮播图
分享:

    插件介绍

    这是一款基于SVG图像变形过渡效果的js轮播图。该js轮播图在图片切换时,通过SVG路径变形技术,制作各种图形的过渡动画效果。

    浏览器兼容性

    浏览器兼容性
    时间:2017-11-16
    阅读:
简要教程

这是一款基于SVG图像变形过渡效果的js轮播图。该js轮播图在图片切换时,通过SVG路径变形技术,制作各种图形的过渡动画效果。

这款基于SVG图像变形过渡效果的js轮播图使用了很多新的CSS技术,如 CSS Flexbox 和CSS变量等,不是所有浏览器都支持这个幻灯片特效,在查看DEMO时请使用最新版本的浏览器。

下面是该基于SVG图像变形过渡效果的js轮播图的一些屏幕截图效果:

基于SVG图像变形过渡效果的js轮播图-1

基于SVG图像变形过渡效果的js轮播图-2

基于SVG图像变形过渡效果的js轮播图-3

基于SVG图像变形过渡效果的js轮播图-4

基于SVG图像变形过渡效果的js轮播图-5

该js轮播图的github地址为:https://github.com/codrops/AnimatedFrameSlideshow/

网友评论