CODEWITHSUNDEEP
firefoxcss3dcss-transforms
AlexKempton
AlexKempton

Reputation: 1698

Firefox flicker 3D transforms

This template I have made using CSS3 3D transforms is flickering like crazy in FireFox 15 (and possibly older versions? It did seem to be fine a few months ago before an update). I've managed to stop the flickering by removing the container's perspective property, but that's not ideal. If I delete all the child element with Firebug, the problem persists.

Any ideas? It works as expected in all other browsers! I realise this technology is new and unstable, but the flickering is pretty awful in Firefox and absolutely fine in Chrome and Safari.

http://iamalexkempton.net/themes/vFlip_v1-1-preview/template/index1.php

Thanks in advance. :)

Upvotes: 0

Views: 1398

Answers (2)

Douglas dos Santos
Douglas dos Santos

Reputation: 121

use perspective: 1000px; on the containder of a element with the transform should work

Regards

Upvotes: 0

mat
mat

Reputation: 1629

Translate3d is buggy (if that's what you're using). RotateY should work fine. It at least solved my flickering and weird rotation.

See: https://bugzilla.mozilla.org/show_bug.cgi?id=769892

Offtopic: Nice site! Works fine here in FF.

Upvotes: 1

Related Questions