È possibile visualizzare un'ombra all'interno di una casella di divisione senza utilizzare le immagini? Invece voglio usare i comandi css.Ombra all'interno di un div
Quindi c'è qualche comando come: -webkit-box-shadow: 1px inset;?
in CSS3 ci sono box-shadow che possono anche essere inseriti per fare esattamente quello che ti serve. questo è supportato dai seguenti browser:
-webkit -prefix)-moz -prefix)-webkit -prefix)-webkit-box-shadow: inset 0 2em 3em -1em verde; risolto. Grazie :) –
prego. tieni presente di accettare la risposta che ha risolto il problema facendo clic sul segno di spunta a sinistra di esso. – oezi
Yup c'è un comando inset. in questo modo:
-webkit-box-shadow: 0 0 1px 3px #000 inset;
-moz-box-shadow: 0 0 1px 3px #000 inset;
box-shadow: 0 0 1px 3px #000 inset;
È possibile generare da qui http://css3generator.com/
È possibile utilizzare Box shadow generator per gli effetti d'ombra. Darò un esempio per mostrare come usare il generatore di ombre di box.
Fase 1: Vai a: Box Shadow Generator
Fase 2: regolare la proprietà ombra che si desidera aggiungere.
Passaggio 3: quindi copiare il codice CSS utilizzando il pulsante "copia testo".
passaggio 4: Quindi è possibile passare il codice CSS nel file del foglio di stile.
Fai così.
<html>
<head>
<title>Title</title>
<style type="text/css">
#banner{
position: absolute;
width: 100%;
height: 150px;
background-color: #4E6C88;
-webkit-box-shadow: -1px 9px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 9px 18px 0px rgba(0,0,0,0.75);
box-shadow: -1px 9px 18px 0px rgba(0,0,0,0.75);
}
</style>
</head>
<body>
<div id="banner">
</div>
</body>
</html>
voi ... Grazie;)
Usano realtà dell'immagine nel sito tumblr, due immagini per la precisione. Un'immagine ombreggiata per l'intera larghezza della pagina e la seconda più ampia immagine ombreggiata al centro della pagina. – Joonas