El enfoque de este artículo es agregar una sombra usando la propiedad text-shadow en CSS. Esta propiedad acepta una lista de sombras separadas por comas que se aplicarán al texto. El valor predeterminado de la propiedad text-shadow es «ninguno».
Sintaxis:
text-shadow: h-shadow v-shadow blur-radius color|none|initial|
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 4px 4px green;
}
h2 {
text-shadow: 2px 3px blue;
}
</style>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
How to apply shadow effects
to text using CSS?
</h2>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA