css3 - CSS transform:rotate3d animate with perspective -



css3 - CSS transform:rotate3d animate with perspective -

i have wheel rotate while keeping perspective. code below allows me spin wheel, cant maintain angled perspective

@keyframes mywheel { { transform:rotate(0deg); } { transform:rotate(360deg); } }

angled perspective:

@keyframes mywheel { { transform:rotate3d(0, 1, 0, 65deg); } { transform:rotate3d(0, 1, 0, 65deg); } }

how can combine 2 , rotate img while keeping perspective?

here my fiddle

fixed worked:

@keyframes mywheel { { transform:rotate3d(0, 1, 0, 65deg); rotate(0deg); } { transform:rotate3d(0, 1, 0, 65deg); rotate(-360deg);} }

css3

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -