CSSTransitionsAnimations - 02 - Exercise

csstransitionsanimations-02-exercise.markdown

CSSTransitionsAnimations - 02 - Exercise

A Pen by Abdoul Aziz BA on CodePen.

License.

index.html

<h1>Exercise 2</h1>
Apply a 2 second transition to the width property of the div.
Define an ease-in-out timing function for the transition.

<div></div>

<p>Hover over the div element above.</p>

style.css

div {
	width: 100px;
	height: 100px;
	background: red;
	transition: width 2s ease-in-out;
}

div:hover {
	width: 300px;
}