Kazi ya rotate3d

Kazi rotate3d inabainisha mzunguko wa kipengele kwa pembe iliyobainishwa kwa wakati mmoja ukirejelea mhimili X, Y, Z katika nafasi ya tatu. Inatumika pamoja na sifa transform. Thamani ya sifa ni pembe katika vipimo vyovyote vya pembe.

Kama thamani kazi inakubali 4 vigezo, vilivyoandikwa kwa kutumia koma. Vigezo vitatu vya kwanza huamua vector ya mhimili katika nafasi ya tatu, jamaa na ambayo mzunguko utafanyika. Kigezo cha nne kinabainisha pembe ya mzunguko.

Kiufundi

csskichaguli {
  transform: rotate3d(X, Y, Z, angle);
}

Mfano

Katika mfano huu vector ya mhimili itaelekezwa kwenye kona ya juu kulia ya skrini:

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

css#elem {
  border: 3px solid black;
  width: 100px;
  height: 50px;
  transition: transform 3s linear;
}
#elem:hover {
  transform: rotate3d(1, 1, 0, 180deg);
}

Результат:

Angalia pia