运用css和Html动画实现会动的摩天轮

摩天轮效果图如下：

html布局如下

css样式如下：

* {
   
  margin: 0;
 padding: 0;
}

body,
html {
   
    height: 100%;
}

body {
   
    background: url(images/2.jpg) no-repeat;
    background-size: 100% 100%;
}

img {
   
    display: block;
}

.box {
   
    width: 768px;
    height: 768px;
    position: fixed;
    left: 0;
    top: 0;
    right