Drawing a realistic Nintendo Switch with CSS
CSS Nintendo Switch. It is:
responsive: resize the window to see it change;
semantic: the buttons are buttons;
customizable: CSS variables to change the JoyCon colors...
Demo on CodePen: https://codepen.io/alvaromontoro/full...
On this demo:
Gradients
Masks
Positioning
Colors
Custom properties
There's another demo that will work if you connect the JoyCon to the computer: https://codepen.io/alvaromontoro/pen/...