backdrop blur is blurring th border

1 day ago 1
ARTICLE AD BOX
table { border-collapse: collapse; } th, td { padding: 10px; border: 1px solid black; } th { position: relative; z-index: 0; } th:before { content: ""; position: absolute; z-index: -1; inset: 0; backdrop-filter: blur(8px); } html { min-height: 100%; background: repeating-linear-gradient(135deg,#0000 0 15px,#ddd 0 30px); } <table> <tr> <th>Hello</th> <th>World</th> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table>
Read Entire Article