translateY функциясы

translateY функциясы элементти Y огу боюнча жылдырууну белгилейт. transform касиети менен бирге колдонулат. Касиеттин мааниси катары өлчөм бирдиктеринин каалаган түрү келтирилиши мүмкүн. Оң маани төмөн жылдырат, терс маани жогору жылдырат.

Синтаксис

селектор {
	transform: translateY(жылдыруу);
}

Мисал

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

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

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

Мисал

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

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

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

Дагы караңыз

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