Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
body {
font-family: sans-serif;
font-weight: 700;
height: 600vh;
background: #d66d75;
background: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}
.marquee {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.marquee .inner {
position: relative;
width: 100%;
display: flex;
color: white;
font-size: 8rem;
}
.marquee .inner > * {
white-space: nowrap;
padding: 0 4rem;
}
</style>
</head>
<body>
<div class="marquee">
<div class="inner">
<p>Привет всем.</p>