Toggle Buttons/On-Off Switches (Pure CSS)
This is a collection of 18 toggle buttons which can be used in any kind of website. The switches are designed and animated using CSS without any JavaScript. Created by CodePen user Himalaya Singh.
premiumpacks
A button made in CSS that activates a simple menu on click. It can be used as a menu in a mobile app or a website, it’s lightweight and easy to implement.
Related Posts
This is a collection of 18 toggle buttons which can be used in any kind of website. The switches are designed and animated using CSS without any Ja...
This is a collection of 18 toggle buttons which can be used in any kind of website. The switches are designed and animated using CSS without any JavaScript. Created by CodePen user Himalaya Singh.
A simple rotation-based previous/next slider navigation. The card transitions are smooth with a nice rotational effect, achieve by controlling the ...
A simple rotation-based previous/next slider navigation. The card transitions are smooth with a nice rotational effect, achieve by controlling the angles with JavaScript and styled with CSS preprocessed through SCSS. Created by CodePen user Adrian Payne.
This is an awesome text effect that mix randomized characters into any sentence or text string. It mainly uses Zepto.JS (basically like using jQuer...
This is an awesome text effect that mix randomized characters into any sentence or text string. It mainly uses Zepto.JS (basically like using jQuery) for managing the strings messages and code characters that are used in the mixing process. It is also styled with CSS precompiled with SCSS for adding a bit of color and format. Created by CodePen user Lauri.
A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and t...
A 3D bar chart card showing weekly step counts when On-click. It is structured with HTML, styled and animated with CSS complied through SCSS, and the On-click action is created via TypeScript. Designed by CodePen user Steve Gardner.
This is a travel landing page made with Flexbox, CSS Grid, and vanilla JavaScript. It has a nice looking slider and a general style that makes good...
This is a travel landing page made with Flexbox, CSS Grid, and vanilla JavaScript. It has a nice looking slider and a general style that makes good use of color and space. Created by CodePen user Katherine Katotravel.
This is a 3D rotational effect applied to an image gallery. It uses mainly rotate3D CSS attribute to rotate the images and JavaScript for adding dy...
This is a 3D rotational effect applied to an image gallery. It uses mainly rotate3D CSS attribute to rotate the images and JavaScript for adding dynamism to the transitions. Created by CodePen user ycw.