22 lines
370 B
HTML
22 lines
370 B
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>Reference: Make sure the ImageLayer is sized correctly when using object-fit</title>
|
|
|
|
<style type="text/css">
|
|
|
|
.clip {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
img {
|
|
will-change: transform;
|
|
margin: -64px 0;
|
|
display: block;
|
|
}
|
|
|
|
</style>
|
|
|
|
<span class="clip">
|
|
<img src="repeatable-diagonal-gradient.png">
|
|
</span>
|