Stack Overflow
Stack Overflow

Questions tagged [translate3d]

a CSS function to move the element in 3D space used with the transform CSS property

Description

The translate3d() CSS function moves the position of the element in the 3D space. This transformation is characterized by a 3-dimension vector whose coordinates define how much it moves in each direction.

Syntax

translate3d(tx, ty, tz)

where,

tx - is a representing the abscissa of the translating vector.

ty - is a representing the ordinate of the translating vector.

tz - is a representing the z component of the translating vector. It can't be a value; in that case the property containing the transform is considered invalid.

Example

  1. Translate3D Demo - W3.ORG
145 questions
0
votes
1 answer

jQuery .animate()

I have a fiddle here: jsfiddle.net/VnGRL/ In the fiddle, on update() it changes the CSS of .scroll to artificially scroll the whole element. This works fine: $('.scroll').css({ "transform": "translate3d(0, -" + newHeight + "px, 0)", …
ediblecode
  • 11,701
  • 19
  • 68
  • 116
0
votes
1 answer

Why is my zoom wrong in this d3 code?

This code is running live here: http://domtree.breckyunits.com The part that is a little off is the zoom behavior. When I zoom in on a point, it zooms correctly but translates to the wrong point. I feel like I need to do some type of…
Breck
  • 670
  • 2
  • 7
  • 22
0
votes
1 answer

Using CSS transforms on bxSlider items break animation in Safari

I came across this issue when upgrading to the latest version of bxSlider (v4.1). The new version is responsive and therefore uses transform to go between slides, rather than the old way of using the left property (used in v3.x). I have created a…
Stibily
  • 73
  • 1
  • 2
  • 6
0
votes
2 answers

How to translate in Z WebGL?

My problem is that the function translateZ stops the code and doesn't work. Without this line: particals.translateZ(50); the code works but I want to translate the particals in the Z axis by 50 this code.