ਕੋਰਸ ਸਿਫਾਰਸ਼

CSS rotate3d() ਫੰਕਸਨ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ rotate3d() CSS

rotate3d() ਫੰਕਸਨ ਨੇ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ 3D ਘੁਮਾਉਣ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਹੈ。 transform ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਵਰਤੋਂ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਵਰਤੋਂ rotate3d() ਕਈ <div> ਉਪਾਦੀਆਂ ਨੂੰ ਘੁਮਾਓ:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

ਖੁਦ ਮੁਹਾਰਤ ਕਰੋ

ਉਦਾਹਰਣ 2

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

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

ਖੁਦ ਮੁਹਾਰਤ ਕਰੋ

CSS ਸਿਧਾਂਤ

rotate3d(x, y, z, angle)

ਮੁੱਲ	ਵਰਣਨ
x	ਪ੍ਰਵਾਨ ਸ਼ੁਦਧ ਅਤੇ ਨਕਾਰਾਤਮਕ, ਜਿਸ ਨਾਲ x-ਅਕਸ਼ ਦੇ ਤੌਰ 'ਤੇ ਘੁਮਾਉਣ ਦਾ ਅਰਥ ਹੁੰਦਾ ਹੈ。
y	ਪ੍ਰਵਾਨ ਸ਼ੁਦਧ ਅਤੇ ਨਕਾਰਾਤਮਕ, ਜਿਸ ਨਾਲ y-ਅਕਸ਼ ਦੇ ਤੌਰ 'ਤੇ ਘੁਮਾਉਣ ਦਾ ਅਰਥ ਹੁੰਦਾ ਹੈ。
z	ਪ੍ਰਵਾਨ ਸ਼ੁਦਧ ਅਤੇ ਨਕਾਰਾਤਮਕ, ਜਿਸ ਨਾਲ z-ਅਕਸ਼ ਦੇ ਤੌਰ 'ਤੇ ਘੁਮਾਉਣ ਦਾ ਅਰਥ ਹੁੰਦਾ ਹੈ。
angle	ਜ਼ਰੂਰੀ।ਘੁਮਾਉਣ ਵਾਲੇ ਕੋਣ ਦੀ ਨਿਸ਼ਚਿਤਕਰਨ।ਸੰਭਵ ਇਕਾਈਆਂ: ਡੀਗਰ(ਡਿਗਰੀ) ਰੈਡ(ਰੇਡੀਅਨ) ਟਰਨ(ਸਰਕਲ)