CSS Skew Jagged Edges on iPad -
i have site uses css skews extensively part of design. using backface-visibility solved jagged edge problem, except on ipad. in every other webkit browser, iphone included, edges smooth, reason ipad not behaving. here code skew:
-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform: skewx(16deg); -moz-transform: skewx(16deg); -ms-transform: skewx(16deg); transform: skewx(16deg); /* ie8+ */ -ms-filter: "progid:dximagetransform.microsoft.matrix(m11=1, m12=0.28674538575880865, m21=0, m22=1, sizingmethod='auto expand')"; /* ie6 , 7 */ filter: progid:dximagetransform.microsoft.matrix(m11=1, m12=0.28674538575880865, m21=0, m22=1, sizingmethod='auto expand');
this site: acumen.org
-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;
along add following line:
outline: 1px solid transparent;
Comments
Post a Comment