UltraKit · Widget #53
7 Hover Animations × 6 Skins × Icon Position
6 Skin4 Icon Position3 Size2 Toggles
Section 01
6 options for skin — all shown live below.
1
Style 1: Solidskin = abtn-skin-1
2
Style 2: Gradientskin = abtn-skin-2
3
Style 3: Outlineskin = abtn-skin-3
4
Style 4: Glassmorphismskin = abtn-skin-4
5
Style 5: Neumorphicskin = abtn-skin-5
6
Style 6: 3D Shadow Blockskin = abtn-skin-6
Section 02
4 options for icon position — all shown live below.
1
Left of Texticon_position = left
2
Right of Texticon_position = right
3
Icon Only (round)icon_position = only
4
No Iconicon_position = none
Section 03
3 options for size — all shown live below.
1
Smallsize = small
2
Mediumsize = medium
3
Largesize = large
Section 04
Switch parts of the widget on or off.
1
Full Width — Onfull_width = yes
2
Hide On Desktop — Onhide_desktop = hidden-desktop