1、首先我们来打开Dreamweaver CC，我用是CC版本，CS6版本也可以。
3、首先在body框架里创建一个div作为过度效果框架。
5、之后把宽度width和高度height都设成100px，左浮动代码float: left;。
7、最后效果就是这样啦。
8、完整代码：<!DOC哌囿亡噱TYPE html><html><head><style> div#transition{float: left;width:100px;height:100px;background:#000;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transition:width 2s; /* Opera */}div#transition:hover{width:600px;}</style></head><body><div id="transition"></div> </body></html>
