फ़ंक्शन translateY

फ़ंक्शन translateY, Y अक्ष के साथ तत्व का स्थानांतरण निर्धारित करता है। इसका उपयोग संपत्ति transform के साथ संयुक्त रूप से किया जाता है। संपत्ति का मान आकार की कोई भी इकाई हो सकता है। सकारात्मक मान नीचे की ओर स्थानांतरित करता है, और नकारात्मक मान ऊपर की ओर स्थानांतरित करता है।

वाक्य - विन्यास

cssचयनकर्ता {
  transform: translateY(स्थानांतरण);
}

उदाहरण

यदि ब्लॉक पर माउस ले जाया जाता है - तो यह 30px नीचे की ओर स्थानांतरित हो जाएगा:

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

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

Результат:

उदाहरण

यदि ब्लॉक पर माउस ले जाया जाता है - तो यह 30px ऊपर की ओर स्थानांतरित हो जाएगा:

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

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

Результат:

यह भी देखें