Permalink
Browse files

fixing flicker in 3d transform

-webkit-transform: translate3d(0,0,0);
  • Loading branch information...
1 parent eaedc6c commit 69b507cd3922f3ea9f257b881db0804b7630b65f @itsjamesre committed Apr 24, 2012
Showing with 6 additions and 4 deletions.
  1. +4 −2 PollApp/static/css/screen.css
  2. +2 −2 PollApp/static/sass/screen.scss
@@ -424,10 +424,12 @@ header nav .emblem {
#wrapper #polls {
position: absolute;
-webkit-backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
margin-bottom: 600px;
}
-/* line 414, ../sass/screen.scss */
+/* line 415, ../sass/screen.scss */
#wrapper #polls .poll {
+ -webkit-transform: translate3d(0, 0, 0);
padding: 3px;
margin: 20px 10px 20px 0;
-moz-border-radius: 20px;
@@ -438,7 +440,7 @@ header nav .emblem {
border-radius: 20px;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.21, rgba(140, 140, 145, 0.65)), color-stop(1, rgba(50, 50, 60, 0.65)));
}
-/* line 418, ../sass/screen.scss */
+/* line 419, ../sass/screen.scss */
#wrapper #polls .poll:last-child {
margin: 20px 10px 0 0;
}
@@ -410,11 +410,12 @@ header {
#polls {
position: absolute;
-webkit-backface-visibility: hidden;
+ -webkit-transform: translate3d(0,0,0);
margin-bottom: 600px;
.poll {
+ -webkit-transform: translate3d(0,0,0);
padding: 3px;
margin: 20px 10px 20px 0;
-
&:last-child {
margin: 20px 10px 0 0;
}
@@ -427,7 +428,6 @@ header {
color-stop(0.21, rgba(140,140,145,.65)),
color-stop(1, rgba(50,50,60,.65))
);
-
article {
background: rgba(0,0,0,.5);
padding: 40px 50px;

0 comments on commit 69b507c

Please sign in to comment.