Sapete se è possibile creare un'ombra con effetto gradiente? Ho un <div> a cui vorrei applicare un'ombra che parta da sinistra non visibile per arrivare a destra dove sarà pienamente visibile.
[HTML] Gradient shadow
- Creatore Discussione iTonto
- Data di inizio
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#ombra {
-webkit-box-shadow: 20px 20px 30px 0 #000000;
box-shadow: 20px 20px 30px 0 #000000;
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<div id="ombra">Inserite qui il contenuto per id "ombra"</div>
</body>
</html>Grazie Max, ma questa è una semplice ombra. Io intendevo un'ombra fatta tipo con:
Codice:
background: linear-gradient(to right, rgba(...), rgba(...);Guarda, dovrebbe essere una cosa così:
Partendo da sinitra è invisibile per poi diventare gradualmente visibile man mano che va a destra.
Partendo da sinitra è invisibile per poi diventare gradualmente visibile man mano che va a destra.
Discussioni simili
