Интересная анимация transirion

by fersterin

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

CSS

p {
	color: white;
	background: blue;
	padding: 10px;
	left:0; /* Обязательно нужно указывать начальное значение. Даже если очевидно что оно 0px; */
	transition: left 2s ease 0s, background 2s ease 0s;
	position: relative;
}
p:hover {
	background: red;
	left: -90%;
	cursor: pointer;
}