CodePen Embed - transition-property-2

<div class="block">
	<code>transition: width .2s ease-out .15s</code>
</div>

<div class="block block2">
	<code>transition: width, color .2s ease-out .15s</code>
</div>

body {
  padding: 36px;
}

.block {
  width: 400px;
  background-color: gold;
  color: #444;
  font-size: 15px;
  padding: 16px 8px;
  transition: width .62s ease-out .15s;
  margin-bottom: 36px;
}

.block2 {
  transition-property: width, color;
}

.block:hover {
  width: 425px;
  color: red;
}

This Pen is owned by MichaelBondar on CodePen.

See more by @MichaelBondar on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.