Timer, using Scss, Jquery, Flexbox

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Ahmed basset! 👋

  Good job on this one! Your solution responds well and overall looks good. I've recently finished this challenge too and it was really hard to make this flip animations so kudos for that. Take a look at my solution. I used backface-visibility property. This property defines whether or not the back face of an element should be visible when facing the user. So when i rotate my cards, back of them isn't visible to the user so I can create this nice flip animation. And also used perspective CSS property to give cards "3d" effect.

  • Take look at bottom half of your .card-back-text. It is changing before card flip. It should change after card is flipped.

  Good luck with that, have fun coding! 💪

  1
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  Hey you got it flipping.... Great Job so far

  1
• 

  Rahul kumar Gautam•655

  @RahulKumarGautam1636Posted over 3 years ago

  Just missing the perspective property use it, will look very nice.

  0

  ---

  

  Ahmed basset•175

  @aabdulbassetPosted over 3 years ago

  Hello, I tried the perspective property but it didn't help, it still looked flat as a plank. I suspect the issue is in overflow:hidden property. if you don't think that this is the issue please guide me to what would be, and how to fix it.

  0