CSS3 transition / transformation (Card flip effect) failed in chrome 26

Asked Apr 18 '13 at 15:48

Active Apr 19 '13 at 01:19

Viewed 373 times

I have been trying to implement the card flip effect with css3 taking Flesky website as reference : http://fleksy.com/

Looking at the "Flesky has appeared in the press "section, the flipping effect works like a charm in my office Chrome (ver 26.0.1410.64 m, Win7 ) , however when viewing it using home Chrome (exactly same version, Vista) it was totally screwed up like this -> http://snag.gy/t5dkH.jpg.

Any idea of what's going on? I need to implement a similar flipping effect and still got no answer googling around.

Or anyone know is there any alternative solutions i can try?

edited Apr 19 '13 at 01:19

asked Apr 18 '13 at 15:48

MONKICHI.K.KICHI

I would say that `backface-visiblity: hidden` is not supported – Raffael Apr 18 '13 at 17:54
@Raffael So does it mean even with the most updated Chrome on different machines there will still be variations in support of css3 properties? If so it is really a head-scratching issue. – MONKICHI.K.KICHI Apr 19 '13 at 01:16
http://stackoverflow.com/questions/13684522/backface-visibilityhidden-bug-in-chrome seems to be your question. Try the answer given – Raffael Apr 19 '13 at 13:40
Thanks @Raffael I am gonna test it out. – MONKICHI.K.KICHI Apr 23 '13 at 10:03

CSS3 transition / transformation (Card flip effect) failed in chrome 26

0 Answers0