This is my bravest attempt with CSS styling, what do you think about it?
Total time: Total time: 3 days.
Some things that were challenging and took me most of the time:
I tried to simulate a real drum machine over a velvet cloth like the one you find inside musical equipment cases, aluminium case texture, bezel texture, and plastic-leather texture, all with lights and shadows using radial gradients.
The display with a 14 segment typefont, light glow, shadow segments that are “off”. Trying to use that font took me like 8 hours, but now I know that I can host custom fonts on Cloudinary and codepen likes it.
Drum pads with light when pressed (I would probably work on release it state) using conditional rendering
Overall I think this project push me to another level, I have to say that I love React.
I want to read your opinions.