Css, miért nem megy a sima Transition?

na most lenne egy ilyenem a cssben:

.blabla {

width: 100pc ;

transition: width linear .2s;

}

.blabla:hover {

width: 500px;

transition: width linear .2s;

}

ezt egy tutorial alapján csináltam ott tökéletesen működött. Viszont nálam nem. Aztán csekkoltam w3schoolst, ott pedig így néz ki:

div {

width: 100px;

height: 100px;

background: red;

-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */

transition: width 2s;

}

div:hover {

width: 300px;

ezzel pedig sajnos működik, de miért?