CSS rotate() ਫੰਕਸ਼ਨ

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

CSS ਦੇ rotate() CSS ਵਿੱਚ ਇਲਾਕੇ ਦੀ 2D ਘੁੰਮਾਓ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

rotate() ਫੰਕਸ਼ਨ ਦੇ ਵਰਤੋਂ ਵਿੱਚ transform ਪ੍ਰਤੀਯੋਗਤਾ ਵਿੱਚ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਪ੍ਰਯੋਗ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ rotate() ਘੁੰਮਾਓ ਵਾਲੇ ਕਈ <div> ਉਪਬੰਧਾਂ:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਰਤੋਂ rotate() ਚਿੱਤਰ ਘੁੰਮਾਓ:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਸਿੰਥੈਕਸ

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

ਲੋੜੀਂਦਾ ਹੈ।ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਇਕਾਈਆਂ:

  • deg（ਅਨੁਭਾਸ਼ਿਤ ਹੋਣ ਵਾਲੇ ਦ੍ਰਾਘਿਮਾਵਾਂ）
  • rad（ਕਰਨ ਦੀਆਂ ਦ੍ਰਾਘਿਮਾਵਾਂ）
  • turn（ਗੋਲਾਕਾਰ ਸੂਚਕਾਂਕ）

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਸੰਸਕਰਣ: CSS Transforms Module Level 1

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

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

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1 12 3.5 3.1 10.5

ਸਬੰਧਤ ਪੰਨੇ

ਸਿੱਖਿਆ:CSS 2D ਟਰਾਂਸਫਾਰਮ

ਸੰਦਰਭ:CSS transform ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸੰਦਰਭ:CSS rotate ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸੰਦਰਭ:CSS rotate3d() ਫੰਕਸ਼ਨ

ਸੰਦਰਭ:CSS rotateX() ਫੰਕਸ਼ਨ

ਸੰਦਰਭ:CSS rotateY() ਫੰਕਸ਼ਨ

ਸੰਦਰਭ:CSS rotateZ() ਫੰਕਸ਼ਨ