ENXF NET
Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
S.V.I.P Member
V.I.P Member
Collaborate
Registered
- Joined
- Nov 13, 2018
- Messages
- 20,194
- Points
- 823
Reputation:
ENXF NET submitted a new resource:
Better Checkboxes (Now with radios!) - Add hover/active styling, transitions and change cursor for better UI
Read more about this resource...
Better Checkboxes (Now with radios!) - Add hover/active styling, transitions and change cursor for better UI
Overview
This simple CSS insert adds a nice subtle UI tweak for your checkboxes. First, we'll fade out unchecked boxes and labels to a softer color, helping to give them a "deactivated" appearance. Next, we highlight the checkbox color when hovering over an option. When a box is checked, we'll change the label color back to normal giving it an "on" appearance. We'll apply fade transitions using the @xf-baseAnimationSpeed value, then optionally set the pointer cursor and checked icon...
Read more about this resource...