mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 18:17:22 +02:00
c87daa61a6
Add a test case that was reduced from a regression discovered and fixed during the AccumulatedVisualContext refactoring. The test verifies that SVG elements with both CSS transforms (rotate) and opacity render correctly together.
24 lines
733 B
HTML
24 lines
733 B
HTML
<!DOCTYPE html>
|
|
<link rel="match" href="../expected/svg-transform-rotate-with-opacity.html" />
|
|
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-5">
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background-color: black;
|
|
}
|
|
.wrapper {
|
|
align-items: center;
|
|
background: #0000;
|
|
color: #f0f6fc;
|
|
}
|
|
.icon {
|
|
opacity: 0.5;
|
|
transform: rotate(90deg);
|
|
}
|
|
</style>
|
|
<div class="wrapper">
|
|
<svg class="icon" viewBox="0 0 16 16" width="16" height="16" fill="currentColor">
|
|
<path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path>
|
|
</svg>
|
|
</div>
|