Advertisement

Author

  • Chris Gannon

Made with

  • HTML / CSS / JS

About the code

3D Tube Toggle Switch

This is essentially made up of two circle with a rhomboid polygon shape joining them. The circles scale up and down and the rhomboid polygon morphs its end to match the circles’ scale.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: tweenmax.js, morphsvgplugin.js