facebook

not sure how to 3D ROTATE please help: CLOSED

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #330040 Reply

    Hi everyone, can anyone tell me how to 3D rotate an object. W3schools.com has the following

    div
    {
    transform: rotateY(130deg);
    -webkit-transform: rotateY(130deg); /* Safari and Chrome */
    -moz-transform: rotateY(130deg); /* Firefox */
    }

    I have tried to use this in custom js file but I am not sure how to link it to an object. Below is one of my ten million failed attempts at the syntax.

    $(‘#m1-rotatebutton-image1″).css(
    {
    transform: rotateY(130deg);
    -webkit-transform: rotateY(130deg); /* Safari and Chrome */
    -moz-transform: rotateY(130deg); /* Firefox */
    })

    POST UPDATED 12/09/2012 I was able to achieve a rotation by placing some code (see attachment) inside the head tag of the html file but still want to have the rotation linked to a button using custom javascript so that it is animated.

    Octavio, I did place a question on this on the forum about a week ago but so far no response-I am getting desperate-if it is not possible to use css transformations in mobione that’s fine-I can move on but would appreciate any direction, regards Dave.

    Attachments:
    You must be logged in to view attached files.
    #330092 Reply

    Hi phillda,

    Please take a look at this example. Hope is helpful for you.

    Attachments:
    You must be logged in to view attached files.
    #330101 Reply

    Exactly what I needed-thanks very much Octavio.

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: not sure how to 3D ROTATE please help: CLOSED

You must be logged in to post in the forum log in