.neumorphism-toggle { position: relative; transition: transform .3s; transform: scale(var(--scale, 1)) translateZ(0); &:active { --scale: .6; } input { 9 display: none; & + label { background: #fff; border-radius: 9px; padding: px 0 16px 20px; min-width: 208px; display: block; 16 cursor: pointer; position: relative; box-shadow: -12px -12px 24px var(--light-shadow, transparent), 12px 12px 24px var(--shadow, transparent);
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter