CSS3动画(左右无限移动、元素放大)

1、左右无限移动

.more{
	width: 50px;
    height: 50px;
    background: red;
    animation: Animation 10s linear infinite;
        	/* 动画名称 时间 匀速 无限循环 */
 }
 @keyframes Animation {
   0%{
	 transform: translateX(10%);
	 /* transform: translateX(200px); */
   }
   100%{
	 transform: translateX(-10%);
   }
 }

2、元素放大

.box{
	width:200px;
	height:200px;
	overflow:hidden;
	img{
		transition: all 0.5s;
	}
	img:hover{
		/* 缩放比例 */
		transform: scale(1.1);
	}
}