Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(339)

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/overflow/border-radius-styles-with-composited-child.html

Issue 2194273002: Fix border radius on composited children. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update the comment on why we say an empty div can paint Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <style>
2
3 .outer {
4 border: 4px solid black;
5 width: 100px;
6 height: 100px;
7 border-radius: 40px;
8 background-color: lightblue;
9 overflow: hidden;
10 margin: 10px;
11 }
12
13 .inner {
14 width: 80px;
15 height: 80px;
16 background-color: green;
17 padding: .5em;
18 will-change: transform;
19 }
20
21 .dashed {
22 border-style: dashed;
23 }
24
25 .transparent {
26 border-color: rgba(255,0,0,0.5);
27 }
28
29 </style>
30
31 <div class = "outer">
32 <div class = "inner"></div>
33 </div>
34
35 <div class = "outer dashed">
36 <div class = "inner"></div>
37 </div>
38
39 <div class = "outer transparent">
40 <div class = "inner"></div>
41 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698