border-radius + box-shadow problem

Replies: 0

Hello, 1st to say this is great plugin!

I have a problem with rounded corners that i want to make on my table. problem is that i cant manage to make box-shadow to follow rounded corner(border-radius).
i made rounded corners with this code:

.tablepress thead th:first-child {
	border-top-left-radius: 10px;
}
.tablepress thead th:last-child {
	border-top-right-radius: 10px;
}
.tablepress tbody tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}
.tablepress tbody tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

And that work fine. The problem is that when i try to add box-shadow:

.tablepress {
	box-shadow: 0 0 3px #5C5C5C;
	-moz-box-shadow: 0 0 3px #5C5C5C;
	-webkit-box-shadow: 0 0 3px #5C5C5C;

That shadow wont follow rounded corners it goes like on this pic:

• This topic was modified 18 seconds ago by tigrica.