Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<title>CSS Backgrounds: local attachment with flex-direction: column-reverse scroll - Reference</title>
<style>
.init_scrolled {
width: 100px;
height: 100px;
overflow: hidden;
background-color: blue;
}
.mid_scrolled {
width: 100px;
height: 100px;
overflow: hidden;
background-image: linear-gradient(to bottom, yellow 50%, blue 50%);
}
.max_scrolled {
width: 100px;
height: 100px;
overflow: hidden;
background-color: yellow;
}
</style>
<div class="init_scrolled">
</div>
<div class="mid_scrolled">
</div>
<div class="max_scrolled">
</div>