translateX функциясы

translateX функциясы элементти X огу боюнча жылдырат. Ал transform касиети менен бирге колдонулат. Касиеттин мааниси катары өлчөм бирдиктеринин каалаган түрү кызмат кылат. Оң маани оңго жылдырат, терс маани - солго.

Синтаксис

тандоочу {
	transform: translateX(жылдыруу);
}

Мисал

Эгерде блокко чычканды алып келсеңиз - ал 30px оңго жылат:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 100px;
	height: 50px;
}
#elem:hover {
	transform: translateX(30px);
}

Мисал

Эгерде блокко чычканды алып келсеңиз - ал 30px солго жылат:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	width: 100px;
	height: 50px;
}
#elem:hover {
	transform: translateX(-30px);
}

Ошондой эле караңыз

translate функциясын,
ал X жана Y огу боюнча жылдырууну белгилейт
translateY функциясын,
ал Y огу боюнча жылдырууну белгилейт