Neumorphism Toggle

PHOTO EMBED

Mon Mar 08 2021 20:21:12 GMT+0000 (Coordinated Universal Time)

Saved by @randomize_first #css #toggle #button

.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);
content_copyCOPY

https://codepen.io/aaroniker/pen/qBdZEjQ