Checkbox Svg Path Animation

26.12.2020

HTML and CSS checkbox with SVG path animation.

Made with: HTML

View Code

Checkbox Svg Path Animation

Pure Css Toggle Slider

21.10.2020

Pure CSS Toggle slider/checkbox with SVG tick and cross.

Made with: HTML/Pug

View Code

Pure Css Toggle Slider

Checkbox Card

9.10.2020

Made with: HTML (Pug),CSS (SCSS)

View Code

Checkbox Card

Custom Checkbox Toggle Switch

2.10.2020

Collection of four toggle switches made with HTML and CSS without a single line of JavaScript. Two of the switches are made with the help of SVG also.

Made with: HTML

View Code

Custom Checkbox Toggle Switch

Accessible Custom Toggle Switch

10.09.2020

This example shows how to markup and style a semantic checkbox to look and behave like a toggle switch.

Made with: HTML,CSS (SCSS)

View Code

Accessible Custom Toggle Switch

Check

30.06.2020

Made with: HTML,CSS (SCSS)

View Code

Check

On-Off

22.05.2020

Made with: HTML,CSS (SCSS)

View Code

On-Off

Checkmark Animation

17.05.2020

Pure CSS checkbox animation.

Made with: HTML

View Code

Checkmark Animation

Pure Css: Custom Accessible Checkboxes

16.05.2020

Made with: HTML,CSS (SCSS)

View Code

Pure Css: Custom Accessible Checkboxes

Bounce Checkbox

20.03.2020

Made with: HTML,CSS (SCSS)

View Code

Bounce Checkbox

Checklist Animation - Only Css

5.03.2020

Simple checklist animation.

Made with: HTML,CSS (SCSS)

View Code

Checklist Animation - Only Css

Radio And Checkbox Styles

24.02.2020

Simple shape styles for radio and checkbox buttons.

Made with: HTML

View Code

Radio And Checkbox Styles

Todo Checkbox

17.02.2020

Todo checkbox with a text fill hover and strikethrough effect when checked.

Made with: HTML,CSS (SCSS)

View Code

Todo Checkbox

+/- Toggle

31.01.2020

Made with: HTML,CSS (SCSS)

View Code

+/- Toggle

Gooey Checkbox

29.01.2020

Made with: HTML (Pug),CSS (Stylus)

View Code

Gooey Checkbox

Neuomorphic Checkboxes

28.01.2020

Made with: HTML,CSS (SCSS)

View Code

Neuomorphic Checkboxes

2020 Toggles

11.01.2020

Made with: HTML,CSS (SCSS)

View Code

2020 Toggles

Neumorphic Design

23.12.2019

Made with: HTML,CSS (SCSS)

View Code

Neumorphic Design

3D Switcher Vll Plus

19.12.2019

Use CSS variables to control states.

Made with: HTML/Pug

View Code

3D Switcher Vll Plus