Skip to content

Commit 3db9d6f

Browse files
author
Hugo Darby-Brown
committed
Updated transition mixin
-Replaced -webkit-transform: translateZ(0) with -webkit-backface-visibility: hidden incase there is ever a conflict with transforming an element. -Updated the readme.md
1 parent 9885397 commit 3db9d6f

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

mixins/_css3.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@
7979
#{$vendor}transition: $time $attr $effect;
8080
}
8181
@if $webkit-transform {
82-
-webkit-transform: translateZ(0);
82+
-webkit-backface-visibility: hidden;
8383
}
8484

8585
}

readme.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -347,7 +347,7 @@ Mixins:
347347

348348
**$effect**: What transition effect should be used. See the [W3C Working Draft](http://www.w3.org/TR/css3-transitions/#transition-timing-function-property) for all options.
349349

350-
**$webkit-transform**: Whether to add `-webkit-transform: translateZ(0);` to fix opacity and other rendering issues as [described here](http://stackoverflow.com/questions/15051557/very-difficult-to-solve-and-strange-css3-opacity-transition-issue-must-be-a#answer-17353755)
350+
**$webkit-transform**: Whether to add `-webkit-backface-visibility: hidden;` to fix opacity and other rendering issues as [described here](http://stackoverflow.com/questions/15051557/very-difficult-to-solve-and-strange-css3-opacity-transition-issue-must-be-a#answer-17353755)
351351

352352
Usage:
353353

0 commit comments

Comments
 (0)