Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-19 12:25:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

gfx: Clip the background properly when border-radius is used.

Browse source 
Improves Reddit, GitHub, etc.
This commit is contained in:
Patrick Walton 2014-12-22 11:36:43 -08:00
parent b22b29533a
commit cc7cacfd5f
12 changed files with 356 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

26
tests/ref/border_radius_clip_a.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that `border-radius` causes the background to be clipped around the corners. -->
<style>
main {
display: block;
width: 16px;
height: 16px;
background: green;
overflow: hidden;
}
section {
display: block;
width: 256px;
height: 256px;
background: red;
border-radius: 50%;
}
</style>
</head>
<body>
<main><section></section></main>
</body>
</html>