How to Use CSS transitions

If you want the transition to happen on load, I suspect you’ll need to use animations rather than transitions. For example, if you want the inner div to shrink from 100% to 50% while the padding expands from 0 to 30px, you could use css like this:

.container{
  width:100%;
}
.Innerdiv {
  animation:shrinkInner 1s;
  width:50%;
  padding:30px;
}

@keyframes shrinkInner {
  0% {
    width:100%;
    padding:0px;
  }
  100% {
    width:50%;
    padding:30px;
  }
}

This is just the standard CSS without prefixes – to support webkit you’ll need to add webkit prefixes where necessary.