Funkcja CSS translateY()

Definicja i użycie

CSS translateY() Funkcja pozwala na przesuwanie elementów wzdłuż osi y (osi pionowej).

translateY() Funkcja w transform jest używana w atrybutach.

Przykład

Przesuwanie różnych elementów <div> wzdłuż osi pionowej:

#myDiv1 {
  transform: translateY(30px); /* Przesuwa element wzdłuż osi y o 30px */
}
#myDiv2 {
  transform: translateY(50px); /* Przesuwa element wzdłuż osi y o 50px */
}
#myDiv3 {
  transform: translateY(-10px); /* Przesuwa element wzdłuż osi y o -10px */
}

Spróbuj sam

Gramatyka CSS

translateY(y)
Wartość Opis
y Wymagane. Definiuje odległość przesunięcia elementu wzdłuż osi y, może być liczbą lub procentem.

Szczegółowe informacje techniczne

Wersja： CSS Transforms Module Level 1

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Strony związane

教程：CSS 2D Transformacje

Odnośnik:Atrybut transform CSS

Odnośnik:Funkcja translate() CSS

Odnośnik:Funkcja translateX() CSS

Odnośnik:Atrybut transform HTML DOM