<div class="block">
	<code>transition-delay: 0s;</code>
</div>

<div class="block block2">
	<code>transition-delay: 1s;</code>
</div>
body {
  padding: 36px;
}

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

.block2 {
  transition-delay: 1s;
}

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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.