HTML5 简单 动画

从一侧浮动进入页面

<div class="gs_bg">
						<p>
							<span>
                       			 <img alt="种植园" src="static/picture/about-01.jpg" >
                    		</span>
						</p>
					</div>

上述图片地址换成自己的。
相应 css

.gs_bg {
	width: 500px;
	float: right;
	margin-right: 100px;
	position: absolute;   /*定位*/
	animation-name: example;  /*设置动画的名字*/
	animation-duration: 2s;   /*移动的速度快慢*/
	animation-fill-mode: forwards;
	}
	@keyframes example {
		from {
			right: -400px;
		}
		to {
			right: 50px;
		}
	}