ਕੋਰਸ ਸਿਫਾਰਸ਼

CSS rotateZ() ਫੰਕਸ਼ਨ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ rotateZ() CSS

rotateZ() ਫੰਕਸ਼ਨ ਇੱਕ ਏਜੈਂਟ ਨੂੰ z ਅਕਸ਼ ਉੱਤੇ 3D ਰੋਟੇਟ ਕਰਦਾ ਹੈ。 transform ਪ੍ਰਤੀਭਾਵ ਵਿੱਚ ਵਰਤੋਂ

ਸੁਝਾਅ:rotateZ(angle) ਬਰਾਬਰ ਹੈ rotate(angle)

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ rotateZ() ਕਈ <div> ਏਜੈਂਟਸ ਨੂੰ z ਅਕਸ਼ ਉੱਤੇ ਰੋਟੇਟ ਕਰੋ:

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਉਦਾਹਰਣ 2

ਵਰਤੋਂ rotateZ() ਚਿੱਤਰ ਨੂੰ z ਅਕਸ਼ ਉੱਤੇ ਰੋਟੇਟ ਕਰੋ:

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

ਆਪਣੇ ਆਪ ਦੱਸੋ

CSS ਸਿੰਟੈਕਸ

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

ਲਾਜ਼ਮੀ। ਸਪੱਸ਼ਟ ਕਰੋ ਕਿ ਕਿਸ ਕੋਣ ਵਿੱਚ ਰੋਟੇਟ ਕਰਨਾ ਹੈ। ਸੰਭਵ ਇਕਾਈਆਂ:

  • deg(ਡਿਗਰੀ)
  • rad(ਰੇਡੀਅਨ)
  • turn(ਸਰਕਲ)

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਰਜਨ: CSS Transforms Module Level 2

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

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

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

ਸਬੰਧਤ ਪੰਨੇ

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

مطالب:سی ایس ایس ٹرانسفارم-پر-آئیتی-آئی-اٹری بیو

مطالب:CSS rotate پراپرٹی

مطالب:CSS rotate() ਫੰਕਸ਼ਨ

مطالب:سی ایس ایس راؤنڈ-ی() فانکشن

مطالب:سی ایس ایس راؤنڈ-ی() فانکشن

مطالب:سی ایس ایس راؤنڈ-ی() فانکشن