CSS+SVG实现超级有创意的图标左右滑动切换按钮

    一款时尚且有创意的左右滑动切换按钮,按钮的上方可以放置标识身份的图标,切换状态后按钮的图标随着标识进行变换。其中图标是基于SVG矢量图实现的,按钮的滚动丝滑效果是通过CSS实现的,点击切换事件通过JavaScript驱动。这款效果不仅有创意而且颜值也很高,使用在实际项目中一定会吸引更多的目光。

模板目录结构如下: