html5 svg开关按钮切换动画特效

1、新建html文档。

3、书写css代码。<style>body { background-color: #272727; overflow: hidden; text-align: center; }body, html { height: 100%; width: 100%; margin: 0; padding: 0; }svg { width: 100%; height: 100%; }#app { width: 100%; height: 100%; }.hit { cursor: pointer; -we bkit-tap-highlight-color: transparent; }</style>

5、代码整体结构。