Snippets Collections
.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);
 $(this).toggleClass(function(){
      return $(this).is('.la-plus, .la-times') ? 'la-plus la-times' : 'la-plus';
    })
star

Mon Mar 08 2021 20:21:12 GMT+0000 (UTC) https://codepen.io/aaroniker/pen/qBdZEjQ

#css #toggle #button
star

Sun Dec 06 2020 18:09:13 GMT+0000 (UTC)

#toggle

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension