repeating-linear-gradient() CSS Function

« Back to repeating-linear-gradient() CSS Function

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.example {
    background: repeating-linear-gradient(to top right, green 15%, red 30%);
    padding: 30px;
    margin: 10px;
    height: 160px;
    font-size: 1.5em;
    text-align: center;
}
</style>
</head>
<body>
<div class="example">Repeating linear gradient example.</div>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee