<div class="cp_item">cp_item</div>

.cp_item {
	line-height: 60px;
	width: 100px;
	height: 60px;
	cursor: pointer;
	animation: cp_anime 3s ease infinite alternate;
	text-align: center;
	color: #ffffff;
	border-radius: 6px;
	background: #FF7043;
}
@-webkit-keyframes cp_anime_key {
	30% {
		background: #29b6f6;
		width: 150px;
	}
	100% {
		background: #f06292;
		width: 300px;
	}
}
@keyframes cp_anime_key {
	30% {
		background: #29b6f6;
		width: 150px;
	}
	100% {
		background: #f06292;
		width: 300px;
	}
}