محرر ويب أونلاين

<!DOCTYPE html>
<html>
	<head>
        <style>
.gradient-0deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(0deg, #00188F, #EC008C 20px);
}

.gradient-45deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(45deg, #00188F, #EC008C 20px);
}

.gradient-90deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(90deg, #00188F, #EC008C 20px);
}

.gradient-135deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(135deg, #00188F, #EC008C 20px);
}

.gradient-180deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(180deg, #00188F, #EC008C 20px);
}

.gradient-225deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(225deg, #00188F, #EC008C 20px);
}

.gradient-270deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(270deg, #00188F, #EC008C 20px);
}

.gradient-315deg {
    height: 100px;
    background: #00188F;
    background: repeating-linear-gradient(315deg, #00188F, #EC008C 20px);
}
        </style>
	</head>
	<body>
        <h1>Linear Gradient Angle</h1>
        <p>background: repeating-linear-gradient(0deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-0deg"></div>
        <p>background: repeating-linear-gradient(45deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-45deg"></div>
        <p>background: repeating-linear-gradient(90deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-90deg"></div>
        <p>background: repeating-linear-gradient(135deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-135deg"></div>
        <p>background: repeating-linear-gradient(180deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-180deg"></div>
        <p>background: repeating-linear-gradient(225deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-225deg"></div>
        <p>background: repeating-linear-gradient(270deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-270deg"></div>
        <p>background: repeating-linear-gradient(315deg, #00188F, #EC008C 20px);</p>
        <div class="gradient-315deg"></div>
	</body>
</html>