Skip to content

Instantly share code, notes, and snippets.

@kirkegaard

kirkegaard/table_fadeout.html

Created June 16, 2020 20:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kirkegaard/441427c14a63575cc23787f86a86a02d to your computer and use it in GitHub Desktop.
Save kirkegaard/441427c14a63575cc23787f86a86a02d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
table_fadeout.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hader georgehale</title>
<style>
tr:nth-last-child(9) { opacity: 0.9; }
tr:nth-last-child(8) { opacity: 0.8; }
tr:nth-last-child(7) { opacity: 0.7; }
tr:nth-last-child(6) { opacity: 0.6; }
tr:nth-last-child(5) { opacity: 0.5; }
tr:nth-last-child(4) { opacity: 0.4; }
tr:nth-last-child(3) { opacity: 0.3; }
tr:nth-last-child(2) { opacity: 0.2; }
tr:nth-last-child(1) { opacity: 0.1; }
</style>
</head>
<body>
<table>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
<tr>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
<td>foobar</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment