Files
ladybird/Tests/LibWeb/Ref/expected/svg-transform-rotate-with-opacity.html
Aliaksandr Kalenik c87daa61a6 Tests: Add regression test for SVG transforms with opacity
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.
2026-01-15 19:50:53 +01:00

20 lines
583 B
HTML

<!DOCTYPE html>
<style>
body {
margin: 0;
background-color: black;
}
.wrapper {
align-items: center;
background: #0000;
color: #f0f6fc;
}
</style>
<div class="wrapper">
<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="opacity: 0.5;">
<g transform="rotate(90, 8, 8)">
<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>
</g>
</svg>
</div>