<h1>Example 10</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consectetur modi
soluta delectus tempore incidunt rem, magnam accusantium molestias dicta
earum repellat repudiandae veniam assumenda error sapiente, voluptatum
eligendi, nemo vero! Lorem ipsum, dolor sit amet consectetur adipisicing
elit. Consectetur modi soluta delectus tempore incidunt rem, magnam
accusantium molestias dicta earum repellat repudiandae veniam assumenda
error sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! Lorem
ipsum, dolor sit amet consectetur adipisicing elit. Consectetur modi soluta
delectus tempore incidunt rem, magnam accusantium molestias dicta earum
repellat repudiandae veniam assumenda error sapiente, voluptatum eligendi,
nemo vero! Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Consectetur modi soluta delectus tempore incidunt rem, magnam accusantium
molestias dicta earum repellat repudiandae veniam assumenda error sapiente,
voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Consectetur modi soluta delectus tempore incidunt rem,
magnam accusantium molestias dicta earum repellat repudiandae veniam
assumenda error sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor
sit amet consectetur adipisicing elit. Consectetur modi soluta delectus
tempore incidunt rem, magnam accusantium molestias dicta earum repellat
repudiandae veniam assumenda error sapiente, voluptatum eligendi, nemo vero!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consectetur modi
soluta delectus tempore incidunt rem, magnam accusantium molestias dicta
earum repellat repudiandae veniam assumenda error sapiente, voluptatum
eligendi, nemo vero! Lorem ipsum, dolor sit amet consectetur adipisicing
elit. Consectetur modi soluta delectus tempore incidunt rem, magnam
accusantium molestias dicta earum repellat repudiandae veniam assumenda
error sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero! error
sapiente, voluptatum eligendi, nemo vero! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Consectetur modi soluta delectus tempore
incidunt rem, magnam accusantium molestias dicta earum repellat repudiandae
veniam assumenda error sapiente, voluptatum eligendi, nemo vero!
</p>html {
background: #333333;
height: 50%;
overflow-y: hidden;
}
body {
height: 100%;
background: whitesmoke;
overflow-y: scroll;
width: 80%;
max-width: 600px;
margin: 0 auto;
padding: 3em;
font: 100%/1.4 serif;
border: 1px solid rgba(0, 0, 0, 0.25);
}
h1 {
color: purple;
}
body::-webkit-scrollbar {
width: 3em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
background-image: url("https://thumbs.gfycat.com/ShyAdventurousAsianporcupine-max-1mb.gif"),
linear-gradient(100deg, transparent, transparent);
background-position: center bottom, center -40px;
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.