EN
CSS - create stronger text-shadow
0
points
In this article, we would like to show you how to create stronger text-shadow using CSS.
Quick solution:
.element {
text-shadow: 0px 0px 10px blue, 0px 0px 10px blue; /* text-shadow: <shadow-1>, <shadow-2>; */
}
Practical example
In order to create stronger text-shadow, we need to multiply the same shadow value separated by commas (,).
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<head>
<style>
div {
display: inline;
}
.shadow-1 {
text-shadow: 0px 0px 10px blue;
}
.shadow-2 {
text-shadow: 0px 0px 10px blue, 0px 0px 10px blue;
}
.shadow-3 {
text-shadow: 0px 0px 10px blue, 0px 0px 10px blue, 0px 0px 10px blue;
}
</style>
</head>
<body>
<div class="shadow-1">Shadow 1</div>
<div class="shadow-2">Shadow 2</div>
<div class="shadow-3">Shadow 3</div>
</body>
</html>