Neumorphism UI Toggle Switch | Pure CSS Tutorial
HTML-код
- Опубликовано: 16 янв 2020
- Creating a toggle switch using a checkbox with Neumorphism UI.
-----------------------------------------------------------------------------------
❤️Get in touch:
Email: mitali@codingartistweb.com
Website: codingartistweb.com
Instagram: / coding.artist
-----------------------------------------------------------------------------------
⭐Tools Used:
Text Editor: Sublime Text
Live Coding: Browser Sync Plugin
-----------------------------------------------------------------------------------
🎵Music:
Track: Reflection - JayJen & Enine [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Reflection - JayJen & ...
Free Download / Stream: alplus.io/Reflection
Intro Music:
Track: JPB - High [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • JPB - High | Trap | NC...
Free Download/ Stream: ncs.io/jpbhigh
Download source code here:
codingartistweb.com/2020/07/neumorphism-ui-toggle-switch/
I feel envious, impressed, and a surprised at the same time. Amazing stuff!
We can do a lot more from css
Power of css 😏
Impresionante. Que belleza estéticamente hablando. Gracias!
absolutely awesome
awesome job!!
Thank you
Wow....😍😍😍
Neumorphism is clean
White rectangle on white background :) Malevich approves. But we should check what google chrome audits are telling about it (accessibility part).
#goodDesignBadUx
still love it
Agreed. Even though the UI appears to be sleek, its practical application seems doubtful. This piece of code is just experimenting with the latest UI trend :)
2:53
1:40
What text editor u use for it?
Sublime
I got an error message for -webkit-appearance, it says not to use it. is there another?
naah, appearance is not a standard property that's why we have to add that -webkit prefix.
Awesome 👍
Just a doubt though neumorphism is the trend this year how could we use something like toggle switch with neumorphism in a webpage ?
666 views.😨