ipf-transform-translate

Translates the element horizontally or vertically. A translation moves the element the distance specified by the length.

  • Format: ipf-transform-translate(Length)

    Length is either a length value indicating how much the element is translated horizontally, or a tuple with [HorizontalLength,VerticalLength], where each length is a length value representing the translation in the respective direction. A percentage value is percentage of the element size in the direction moved. For example, 100% would move the element to the right at a distance equal to the size of the element the style was attached to.

  • Default parameter value: 0
  • Not inherited
  • Example: ipf-transform-translate(100%) on the button: