Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

.skew() mixin: poor edge rendering of skew rendering on webkit #5319

Closed
andrewtennison opened this issue Sep 27, 2012 · 2 comments
Closed

.skew() mixin: poor edge rendering of skew rendering on webkit #5319

andrewtennison opened this issue Sep 27, 2012 · 2 comments
Labels
css
Milestone
v2.2.0

Comments

@andrewtennison
Copy link

Webkit gives a pixelated edge. This can be resolved by adding the following line to the mixin.

-webkit-backface-visibility: hidden;
@andrewtennison
Copy link
Author

this is not an issue on -moz so no need to add other prefix additions

@mdo mdo closed this as completed in d36e372 Oct 1, 2012
svda pushed a commit to myxt/bootstrap that referenced this issue Nov 6, 2012
Merge branch '2.1.2-wip' into ezp
e360ca2 
* 2.1.2-wip: (107 commits)
  comments in template
  adding another template for same-width nav links using 'display: table-cell;'
  fixes twbs#5443: reset background gradient on disabled dropdown links
  fixes twbs#5416: use correct variable for inverse navbar responsive links
  Changing title of docs pages to simply say 'Bootstrap' like the docs home page
  remove 'at twitter' part of readme
  fixes twbs#5430: scope link styles in .dropdown-menu to .dropdown-menu li > a
  finish off scoping of grid sizing to table elements
  fixes twbs#5257: add data-original-title attribute selector to abbr element
  use border-radius vars where possible
  copy and style changes to improve docs rendering on mobile devices
  fixes twbs#5352: update docs messaging for disable nav links
  fixes twbs#5392: hover on submenu should maintain white icons for active parent a tag
  remove double border effect: instead of inset shadow and border on fixed navbars, only border
  improve dropdown submenu docs; add docs for left submenu; remove all dupe css for left submenu
  fixes twbs#5319: add backface-visibility for webkit skewing
  fixes twbs#5377: change selectors for navbar collapse to be unique so only one open/closes at a time
  fix copy on modal popover button doodad
  fixes twbs#5123: scope table grid classes to td and th elements only, plus drop columns 13-24
  fixes twbs#5275: inline-block badges and labels, then fix padding accordingly
  ...
@retlehs
Copy link
Contributor

retlehs commented Mar 4, 2013

i'm noticing that -webkit-backface-visibility: hidden is actually causing pixelated edges on iOS devices instead of preventing them. removing it appears to make everything look fine across all browsers/devices/OS's

@retlehs retlehs mentioned this issue Mar 4, 2013
Merged
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) fixes twbs#5319: add backface-visibility for webkit skewing
a2393b5
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@retlehs
(less) Remove -webkit-backface-visibility on skew mixin
1b4d437 
Ref twbs#5319 - This rule is causing pixelated edges on iOS. Removing
it makes everything smooth across all OS's, browsers, and devices.
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) fixes twbs#5319: add backface-visibility for webkit skewing
e61da4b
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@retlehs
(less) Remove -webkit-backface-visibility on skew mixin
d8de4f1 
Ref twbs#5319 - This rule is causing pixelated edges on iOS. Removing
it makes everything smooth across all OS's, browsers, and devices.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css
Projects
None yet
Milestone
v2.2.0
Development

No branches or pull requests
3 participants
@mdo @retlehs @andrewtennison