can you make it so that the flip effect works on phones It doesnt seem to work on mobile phones when you tap the icons can you include the new html css js in your answer location phone email 2021 copyight copyright margin left auto margin right auto width 8em color 0ee4cc padding top 40px padding right 55px margin 0 html, body height 100 wrapper min height 100 height auto important height 100 margin 0 auto 142px the bottom margin is the negative value of the footer's height footer, push height 142px push must be the same height as footer footer background color black color white position fixed padding 10px 10px 0px 10px bottom 0 width 100 footicon display inline font size 80px transition 0 5s ease color 0ee4cc position relative width 100 height 100 text align center footicon a text decoration none color 0ee4cc margin top 20px flip box, click box background color transparent width 150px height 100px display inline block margin top 10px margin right 20px flip box inner, click box inner position relative width 100 height 100 text align center transition transform 0 8s transform style preserve 3d background color 010b0a color white flip box hover flip box inner transform rotateY(180deg) flip box front, flip box back, click box content position absolute width 100 height 100 webkit backface visibility hidden backface visibility hidden flip box back background color 0ee4cccolor black transform rotateY(180deg) font size 15px border 1px solid ffff flip box back a text decoration none color white

Question

can you make it so that the flip effect works on phones  It doesnt seem to work on mobile phones when you tap the icons     can you include the new html css js in your answer  location phone email 2021 copyight  copyright  margin left  auto  margin right  auto  width  8em  color   0ee4cc  padding top  40px  padding right 55px     margin  0  html, body  height  100    wrapper  min height  100  height  auto  important height  100  margin  0 auto  142px     the bottom margin is the negative value of the footer's height     footer,  push  height  142px      push must be the same height as  footer     footer background color  black color  white position  fixed padding  10px 10px 0px 10px  bottom  0  width  100    footicon display  inline font size  80px transition  0 5s ease color  0ee4cc position  relative width  100  height  100  text align  center   footicon a text decoration  none color  0ee4cc margin top   20px    flip box, click box  background color  transparent width  150px height  100px display  inline block margin top  10px margin right  20px   flip box inner, click box inner  position  relative width  100  height  100  text align  center transition  transform 0 8s transform style  preserve 3d background color   010b0a color  white   flip box hover  flip box inner  transform  rotateY(180deg)   flip box front,  flip box back, click box content  position  absolute width  100  height  100   webkit backface visibility  hidden backface visibility  hidden   flip box back  background color   0ee4cccolor black transform  rotateY(180deg) font size 15px  border  1px solid  ffff   flip box back a text decoration  none color white

Accepted Answer

The Answer is in the image, click to view ...

Question

can you make it so that the flip effect works on phones? It doesnt seem to work on mobile phones when you tap the icons.....can