/**
 * The first commented line is your dabblet’s title
 */
div{  width: 0;  height: 100px;  background: #0f0;}
.shadow {
  -webkit-animation: shadow 1s linear 0s 1 forwards;
  -moz-animation: shadow 1s linear 0s 1 forwards;
  -o-animation: shadow 1s linear 0s 1 forwards;
  animation: shadow 1s linear 0s 1 forwards;
}
@-webkit-keyframes shadow {  from {    width: 0; }  to {    width: 178px; } }
@-moz-keyframes shadow {  from {    width: 0; }  to {    width: 178px; } }
@-o-keyframes shadow {  from {    width: 0; }  to {    width: 178px; } }
@keyframes shadow {  from {    width: 0; }  to {    width: 178px; } }