Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> table.animated { width: 200px; font: sans-serif; border: 1px solid yellowgreen; animation: myAnimation 1s ease 1s 5 alternate forwards; } table.animated th, table.animated td { border: 1px solid yellowgreen; } @keyframes myAnimation { 100% { border-spacing: 20px; } } </style> <table class="animated"> <tr> <th>Table Header 1</th> <th>Table Header 2</th> </tr> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
Preview