CSS rotateY() ਫੰਕਸ਼ਨ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

CSS rotateY() ਫੰਕਸ਼ਨ ਯੂ ਐਕਸ ਅਕਸ਼ ਸਰਕਰਾ ਸਰਕਰਾ ਵਿੱਚ 3D ਰੋਟੇਸ਼ਨ ਨਾਲ ਐਲੀਮੈਂਟ ਦਿਸਦਾ ਹੈ。

rotateY() ਫੰਕਸ਼ਨ ਵਿੱਚ transform ਪ੍ਰਯੋਗ ਵਿੱਚ ਵਰਤੋਂ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ rotateY() ਯੂ ਐਕਸ ਅਕਸ਼ ਸਰਕਰਾ ਵਿੱਚ ਕਈ <div> ਐਲੀਮੈਂਟਸ ਚੱਕਰ ਵਰਤੋਂ ਕਰੋ:

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਰਤੋਂ rotateY() ਯੂ ਐਕਸ ਅਕਸ਼ ਸਰਕਰਾ ਵਿੱਚ ਚਿੱਤਰ ਚੱਕਰ ਵਰਤੋਂ ਕਰੋ:

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਟ

rotateY(angle)
ਮੁੱਲ ਵਰਣਨ
angle

ਲਾਜ਼ਮੀ। ਰੋਟੇਸ਼ਨ ਘੱਟੋ-ਘੱਟ ਦਿਸ਼ਾ ਦਿਸੇ। ਸੰਭਵ ਇਕਾਈਆਂ:

  • deg（ਡਿਗਰੀ）
  • rad（ਰੇਡੀਅਨ）
  • turn（ਸਰਕਲ）

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਆਈਡੀਅਮ: CSS Transforms ਮੌਡਿਊਲ ਲੈਵਲ 2

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਟੇਬਲ ਵਿੱਚ ਸੰਖਿਆ ਪਹਿਲੀ ਵਾਰ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਊਜ਼ਰ ਦੀ ਆਈਡੀ ਦਿਸਦੀ ਹੈ。

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
12 12 10 4 15

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਅਲ：CSS 3D ਟ੍ਰਾਂਸਫਾਰਮ

ਸਮਾਚਾਰਾਂ:CSS transform ਪ੍ਰਾਪਰਟੀ

ਸਮਾਚਾਰਾਂ:CSS rotate پرپرتی

ਸਮਾਚਾਰਾਂ:CSS rotate() ਫੰਕਸ਼ਨ

ਸਮਾਚਾਰਾਂ:CSS rotate3d() ਫੰਕਸ਼ਨ

ਸਮਾਚਾਰਾਂ:CSS rotateX() ਫੰਕਸ਼ਨ

ਸਮਾਚਾਰਾਂ:CSS rotateZ() ਫੰਕਸ਼ਨ