Neumorphic Social Media Buttons in CSS

Neumorphic Social Media Button using pure CSS 👇

Comments

[Jon Randy 🎖️]

There is an issue - by removing the outline there is no way of seeing if the button is active if you have got to it using the keyboard (tabbed to it for example). Could perhaps be solved by making the button appear in the 'down' state with :focus?

[kidd-creator]

This might help though

button:active{
    transform: scale(0.89)
}

[Jon Randy 🎖️]

Yeah - anything visual. Needs to be on :focus not :active though

[kidd-creator]

okay thanks

[Eleanor Gilbert]

Thanks, I use these Social Media Buttons