Solution with 3D CSS animation made with SCSS, BEM and Vanilla JS

Community feedback

• 

  John Mirage•1,590

  @john-miragePosted over 2 years ago

  Hello, good job, i like the 3d effect :), i made a 3d effect on my project too.

  • I cant select a number and submit the "form" using the keyboard. I can tab to focus a number but i cant select it.
  • You can improve the submit button by checking if a number has been selected, if not you can disable the button.
  • If you select a number, the hover color is still active, maybe it is better to disable a button that is already selected
  • I also wrap the numbers on mobile size, its a good idea, you can check my project to see how i did it.
  • on mobile the flip effect overflow the screen so scrollbars appear, to fix it you can tweak the perspective property to find a correct value.

  0