| | |
| | | .site:hover { |
| | | opacity: 0.7; |
| | | } |
| | | |
| | | |
| | | /* 动画 */ |
| | | /*动画*/ |
| | | .machine { |
| | | position: relative; |
| | | -webkit-animation: machine 2s; |
| | | animation: machine 2s; |
| | | animation-fill-mode: forwards; |
| | | } |
| | | @-webkit-keyframes machine { |
| | | from {left: 0;} |
| | | to {left: 100px} |
| | | } |
| | | @keyframes animationCrn { |
| | | from {left: 0} |
| | | to {left: 100px} |
| | | } |
| | |
| | | color: #fff; |
| | | } |
| | | |
| | | |
| | | /*底部*/ |
| | | footer { |
| | | border-top: 1px solid #e3e3e3; |
| | | position: fixed; |
| | | bottom: 0; |
| | | right: 0; |
| | |
| | | font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; |
| | | box-shadow: 0 -1px 2px 0 rgba(0,0,0,.0); |
| | | box-sizing: border-box; |
| | | background-color: #f1f1f1; |
| | | background-color: #fff; |
| | | z-index: 999; |
| | | height: 30px; |
| | | font-size: 13px; |
| | |
| | | <!-- 右输送线 --> |
| | | </main> |
| | | </body> |
| | | <script> |
| | | |
| | | </script> |
| | | </html> |