Box Schatten nur für die Unterseite

Ich habe eine Schachtel mit Inhalten und muss Schatten dafür geben. Aber ich möchte nur für den unteren Teil der Box Schatten geben. Ich benutzte dieses css box-shadow: 0 3px 5px #000000;Box Schatten nur für die Unterseite

Wenn ich diesen Code gebe, zeigt es links, rechts und unten. Ich brauche nur unten

Kann jemand vorschlagen, dieses zu lösen. Vielen Dank

Quelle

2012-10-09 Shivaji

dies nützlich http://css3gen.com/box-shadow/ sein erstellen Sie Ihre eigenen :) –

http://silviarebelo.com/demos/boxgenerator/ Diese Seite wird Ihnen erklären, wie box-shadow funktioniert –

Sie können nach dem Hinzufügen der Klasse one-edge-shadow Folgendes tun oder verwenden, wie Sie möchten.

.one-edge-shadow { 
    -webkit-box-shadow: 0 8px 6px -6px black; 
     -moz-box-shadow: 0 8px 6px -6px black; 
      box-shadow: 0 8px 6px -6px black; 
}

Source

Quelle

2012-10-09 11:21:12 Dev

Große Erklärung aller 5 Werte in diesem Artikel. Auf ähnliche Weise können Sie leicht einen einseitigen horizontalen Schatten erzeugen. – lyubeto

Dies erwies sich als nützlich und verdiente eine positive Bewertung von mir. Vielen Dank! –

Versuchen Sie mit Online-Generator css3.me Ändern Sie den Wert und erhalten Sie den Code, ziemlich einfach.

Quelle

2012-10-09 11:21:02

-webkit-box-shadow: 0 3px 5px -3px #000; 
-moz-box-shadow: 0 3px 5px -3px #000; 
box-shadow: 0 3px 5px -3px #000;

Quelle

2012-10-09 11:23:32

Während dies wahrscheinlich die Frage beantwortet, ist es oft am besten, * warum * zu erklären oder informative Links bereitzustellen. –

Sie haben negative spread im Feld Schatten geben Seite Schatten zu entfernen

-webkit-box-shadow: 0 10px 10px -10px #000000; 
    -moz-box-shadow: 0 10px 10px -10px #000000; 
     box-shadow: 0 10px 10px -10px #000000;

Check out http://dabblet.com/gist/9532817 und versuchen Eigenschaften zu verändern und wissen, wie es

verhält

Quelle

2014-03-13 17:25:04

Sie können es verwenden, wie Sie benötigen:

 .top { 
      box-shadow: 0 -5px 5px -5px #333; 
     } 

     .right { 
      box-shadow: 5px 0 5px -5px #333; 
     } 

     .bottom { 
      box-shadow: 0 5px 5px -5px #333; 
     } 

     .left { 
      box-shadow: -5px 0 5px -5px #333; 
     } 

     .all { 
      box-shadow: 0 0 5px #333; 
     }

Quelle

2016-10-12 13:01:05 GeekOnJava

Box Schatten nur für die Unterseite

Antwort

Verwandte Themen