Mixin translate3d not translate3d? #4178

rainboxx opened this Issue Jul 25, 2012 · 3 comments


None yet
2 participants


I'm not an expert in translate3d but I encountered an issue today with the translate3d mixin. Safari and other browsers don't understand transform: translate(0,0,0);, transform: translate3d(0,0,0); and the respectively prefixed variants are understood. Google search results are backing my finding.

See mixin in code: https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L250

Was transform: translate(0,0,0); an old version I cannot find through Google or just a mistake?



mdo commented Jul 30, 2012

Check Google again—these exist and are used by browsers with prefixes as well. A few resources are the W3, http://caniuse.com/#feat=transforms2d, and http://www.the-art-of-web.com/css/css-animation/.

@mdo mdo closed this Jul 30, 2012

I cannot find a use of translate with 3 arguments at http://www.the-art-of-web.com/css/css-animation/. Also http://www.w3.org/TR/css3-2d-transforms/#two-d-transform-functions mentions only two arguments for translate while http://www.w3.org/TR/css3-2d-transforms/#three-d-transform-functions mentions translate3d, obviously, and not translate.

Am I missing something?

Maybe my first post was not clear...

Doesn't work: 2d translate with 3 arguments: transform: translate(0,0,0);
Result: Safari and Chrome strike this CSS line through.

Does work: 3d translate with 3 arguments: transform: translate3d(0,0,0);
Result: Safari and Chrome don't strike this CSS line through.

svda pushed a commit to myxt/bootstrap that referenced this issue Aug 31, 2012

Merge branch 'master' of https://github.com/twitter/bootstrap
* 'master' of https://github.com/twitter/bootstrap: (426 commits)
  add affix to zip
  fix afffix
  small nits
  fixes #4178: translate3d instead of translate
  ie7 button group and button toggle padding changes
  fix vertical button-groups in ie7
  fix ie7 dropdowns examples in docs
  run make and add comment
  remove relative and top positioning from docs sidenav at narrow layout
  bump up height of progress bars, give some extra depth with stacking bars, and then make the stacked bars actually work
  reorder jumbotron links
  fixes #4469 manually: reset width on file inputs
  stack mutliple progress bars
  bump versions to 2.1.0
  updated package and readme
  pre font-size increase; revert static top navbar, undo contents section for now
  fix static navbar container issues, clean up docs presentation by unfixing the top navbar in favor of static one, start adding table of contents for longer sections of docs
  copy change for previous commit
  fixes #4460 and #4461: copy change for opera animations support
  fixes #4462: mixins instead of vanilla css

stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014

stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment