css3@keyframes的使用

样式一：

.news-demo13 .mlist .item_img:hover img{position:relative;animation: fls 0.5s;-webkit-animation: fls 0.5s;}
		@keyframes fls {0% {bottom: 0px;}50% {bottom: 10px;}100% {bottom: 0px;}}
		@-moz-keyframes fls {0% {bottom: 0px;}50% {bottom: 10px;}100% {bottom: 0px;}}
		@-ms-keyframes fls {0% {bottom: 0px;}50% {bottom: 10px;}100% {bottom: 0px;}}
		@-webkit-keyframes fls {0% {bottom: 0px;}50% {bottom: 10px;}100% {bottom: 0px;}}

样式二：

.nextPage i{position:relative;-webkit-animation: todown 2s infinite linear;animation: todown 2s infinite linear;}
	@-webkit-keyframes todown {0% {bottom: 0}50% {bottom: -10px}to {bottom: 0}}
	@keyframes todown {0% {bottom: 0}50% {bottom: -10px}to {bottom: 0}}

注意：动画一定要加上position:relative;，否则不起作用；