Shadow inside of div

Czy można wyświetlać cień wewnątrz dziurkacza bez używania zdjęć? Zamiast tego chcę użyć poleceń css.Shadow inside of div

Czy jest jakieś polecenie typu: -webkit-box-shadow: 1px inset;?

Źródło

2012-03-12 Tim Dau

one faktycznie użyć obrazu w serwisie tumblr, dwa obrazy, aby być precyzyjny. Jeden obraz cieni dla pełnej szerokości strony i drugi szerszy obraz cieni na środku strony. – Joonas

w CSS3 theres box-shadow, który również może być wstawiony, aby zrobić dokładnie to, czego potrzebujesz. to jest wspierane przez przeglądarkami

chrom> = 10,0 (> = 4,0 -webkit -prefix)
zapalić> = 4,0 (> = 3,5 za pomocą -moz -prefix)
IE> = 9,0
opera> = 10,5
Safari> = 5,1 (> = 5,0 -webkit -prefix)

Źródło

2012-03-12 10:39:57 oezi

-webkit-box-shadow: inset 0 2em 3em -1em zielony; rozwiązać to. Dzięki :) –

nie ma za co. pamiętaj, aby zaakceptować odpowiedź, która rozwiązała Twój problem, klikając znacznik wyboru po lewej stronie. – oezi

Taa jest polecenie inset. tak:

-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;

Można wygenerować stąd http://css3generator.com/

Źródło

2012-03-12 10:40:50 sandeep

+1 dla cssgenerator; ;-) – raffian

Podkreślanie kodu StackOverflow wydaje się uważać, że 'inset' jest częścią komentarza' # 000 inset' ** ..... ** – Druzion

Można użyć Box shadow generator dla efektów cienia. Podam przykład pokazujący, jak korzystać z generatora cieni skrzynek.

Krok 1: Przejdź do: Box Shadow Generator

Krok 2: dostosowanie właściwości cień, który chcesz dodać.

Krok 3: Następnie skopiuj kod css za pomocą przycisku "Kopiuj tekst".

krok 4: Następnie można pominąć kod css w pliku arkusza stylów.

Wykonaj to.

<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>

Dziękuję ...;)

Źródło

2015-03-19 06:03:26

Shadow inside of div

Odpowiedz

Powiązane problemy