Как реализовать 360 градусов поворот изображения

Question

Я хочу сделать что-то, чтобы повернуть изображение 3D на 360 градусов на стороне клиента,

somethig как this

1) является WebGL лучше всего это сделать?

2) откуда я могу начать?

Answer 1

Чтобы ответить на ваш вопрос, используйте CSS преобразования, чтобы определить класс под названием spin

img.spin { 
    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    -o-transform: rotate(360deg); 
    -ms-transform: rotate(360deg); 
} 

Затем добавить класс к изображению

<img src="your image" class="spin" /> 

...or if you're feeling animated

@-webkit-keyframes twist { 
    0% { transform: rotateY(0deg); } 
    100% { transform: rotateY(359deg); } 
} 

img.twist { 
    -webkit-animation: twist 5s infinite; /* Safari 4+ */ 
    -moz-animation: twist 5s infinite; /* Fx 5+ */ 
    -o-animation:  twist 5s infinite; /* Opera 12+ */ 
    animation:   twist 5s infinite; 
}