milangladis / sketch-checkbox

Micro-Interactions in the checkbox and radio buttons. Author's website

Home Page:https://milangladis.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Micro-Interactions in the form

Checkbox and radio input in the form interacts with a mouse click and shows a fancy SVG animation that's easy to implement.

Implementation

To add this snippet to your website, add a [blink] attibute to any checkbox or radio input and let the magic happen :) Don't forget to include .js and .css files or copy them to your code. It's pretty simple.

<input blink name="student" type="checkbox" value="Student">
<input blink name="student" type="radio" value="Student">

Design

Here is the preview of the final checkbox and radio buttons micro-interaction:

microinteractions

Dribbble post here: Dribbble Post

About

Micro-Interactions in the checkbox and radio buttons. Author's website

https://milangladis.com/


Languages

Language:CSS 52.9%Language:HTML 30.5%Language:JavaScript 16.6%