@-webkit-keyframes mymove {

  0% {

    transform: rotate(0deg);

    -ms-transform: rotate(0deg); /* IE 9 */

    -moz-transform: rotate(0deg); /* Firefox */

    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */

    -o-transform: rotate(0deg);

  }

  100% {

    transform: rotate(-360deg);

    -ms-transform: rotate(-360deg); /* IE 9 */

    -moz-transform: rotate(-360deg); /* Firefox */

    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */

    -o-transform: rotate(-360deg);

  }

}

.rotate {

        -webkit-animation-name:mymove;

animation-name:mymove;

        -webkit-animation-duration:2s;

animation-duration:2s;

-webkit-animation-fill-mode:both;

animation-fill-mode:both;

}

<view class=“rotate”></view>