transition-proerty 过渡样式
<table>
 <tr>
 <th>æ ·å¼åç§°</th>
 <th>æ ·å¼ç±»å</th>
 </tr>
 <tr>
 <td> background-color</td>
 <td> color(é¢è²)</td>
 </tr>
 <tr>
 <td>background-image</td>
 <td>only gradients(æ¸å)</td>
 </tr>
 <tr>
 <td>background-position</td>
 <td>percentage, length(ç¾åæ¯ï¼é¿åº¦å¼)</td>
 </tr>
 <tr>
 <td>border-bottom-color</td>
 <td>color</td>
 </tr>
 <tr>
 <td>border-bottom-width</td>
 <td>length</td>
 </tr>
 <tr>
 <td>border-color</td>
 <td>color</td>
 </tr>
 <tr>
 <td>border-left-color</td>
 <td>color</td>
 </tr>
 <tr>
 <td>border-left-width</td>
 <td>length</td>
 </tr>
 <tr>
 <td>border-right-color</td>
 <td>color </td>
 </tr>
 <tr>
 <td>border-right-width</td>
 <td>length </td>
 </tr>
 <tr>
 <td>border-spacing </td>
 <td>length </td>
 </tr>
 <tr>
 <td> border-top-color</td>
 <td> color</td>
 </tr>
 <tr>
 <td>border-top-width </td>
 <td> length </td>
 </tr>
 <tr>
 <td>border-width </td>
 <td> length </td>
 </tr>
 <tr>
 <td>bottom </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> color </td>
 <td> color </td>
 </tr>
 <tr>
 <td> crop </td>
 <td>rectangle </td>
 </tr>
 <tr>
 <td> font-size</td>
 <td> length, percentage</td>
 </tr>
 <tr>
 <td>font-weight </td>
 <td> number </td>
 </tr>
 <tr>
 <td> grid-*</td>
 <td> various </td>
 </tr>
 <tr>
 <td>height </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> left </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td>letter-spacing </td>
 <td> length </td>
 </tr>
 <tr>
 <td> line-height</td>
 <td> number, length, percentage </td>
 </tr>
 <tr>
 <td> margin-bottom</td>
 <td> length </td>
 </tr>
 <tr>
 <td> margin-left</td>
 <td> length </td>
 </tr>
 <tr>
 <td> margin-right</td>
 <td> length </td>
 </tr>
 <tr>
 <td> margin-top</td>
 <td> length </td>
 </tr>
 <tr>
 <td> max-height</td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td>max-width </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> min-height</td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> min-width</td>
 <td> length, percentage</td>
 </tr>
 <tr>
 <td> opacity </td>
 <td> number </td>
 </tr>
 <tr>
 <td> outline-color</td>
 <td> color </td>
 </tr>
 <tr>
 <td>outline-offset </td>
 <td> integer </td>
 </tr>
 <tr>
 <td>outline-width </td>
 <td> length </td>
 </tr>
 <tr>
 <td>padding-bottom </td>
 <td> length </td>
 </tr>
 <tr>
 <td> padding-left</td>
 <td> length </td>
 </tr>
 <tr>
 <td> padding-right</td>
 <td> length </td>
 </tr>
 <tr>
 <td>padding-top </td>
 <td>length </td>
 </tr>
 <tr>
 <td> right </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> text-indent</td>
 <td> length, percentage</td>
 </tr>
 <tr>
 <td> text-shadow</td>
 <td> shadow </td>
 </tr>
 <tr>
 <td> top </td>
 <td> length, percentage</td>
 </tr>
 <tr>
 <td>vertical-align </td>
 <td> keywords, length, percentage </td>
 </tr>
 <tr>
 <td>visibility </td>
 <td> visibility </td>
 </tr>
 <tr>
 <td>width </td>
 <td>length, percentage </td>
 </tr>
 <tr>
 <td>word-spacing </td>
 <td> length, percentage </td>
 </tr>
 <tr>
 <td> z-index</td>
 <td> integer </td>
 </tr>
 <tr>
 <td> zoom </td>
 <td> number </td>
 </tr>
</table>
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
评论