mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-11 01:22:43 +02:00
e761d80e9f
Per the CSS Backgrounds spec, background-clip:text clips the background to the geometry of text in the element and its in-flow and floated descendants only. Skip subtrees rooted at paintables that are neither in-flow nor floated when computing the text clip path, so that absolutely/fixed positioned descendants (including pseudo-elements) do not contribute to the clip. Fixes #7498
22 lines
421 B
HTML
22 lines
421 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="match" href="../../expected/css/background-clip-text-pseudo-element.html" />
|
|
<style>
|
|
h1 {
|
|
background: black;
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
h1:before {
|
|
content: attr(data-text);
|
|
position: absolute;
|
|
left: 200px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1 data-text="test">test</h1>
|
|
</body>
|
|
</html>
|