                        課程
                    
                        /前端開發(fā)
                        
                            /CSS3
                        
                        /CSS3 3D 特效

transition的5種效果

<!DECTYPE?html>
<html>
<head>
????<title></title>
????
????<style>
????#wrapper{
????????width:1024px;
????????margin:()?auto;
????}
????
????progress-bar{
????????height:40px;
????????wedth:40px;
????????background-color:#69c;
????}
????pregress-bar:hover{
????????width:960px;
????}
????#bar1{
????????-moz-transition:width?5s?linear;
????}
????#bar2{
????????-moz-transition:width?5s?ease;
????}
????#bar3{
????????-moz-transition:width?5s?ease-in;
????}
????#bar4{
????????-moz-transition:width?5s?ease-out;
????}
????#bar5{
????????-moz-transition:width?5s?ease-in-out;
????}
????</style>
?????????</head>
????
<body>
????<div?id="wrapper">
????<p>linear</p>
????<div?class="progress-bar"??id="bar1"></div>
????<p>ease</p>
????<div?class="progress-bar"??id="bar2"></div>
????<p>ease-in</p>
????<div?class="progress-bar"??id="bar3"></div>
????<p>ease-out</p>
????<div?class="progress-bar"??id="bar4"></div>
????<p>ease-in-out</p>
????<div?class="progress-bar"??id="bar5"></div>
????</div>
????</body>
????</html>

想問下為什么我的這個怎么顯示不出來那效果呢？