Beiträge von dh1sbg

  • Rand und weiche Schatten

    Zitat von basti1012

    mit der erklärung kann ich nicht viel anfangen.
    habe aus deine divs mal das gemacht https://codepen.io/basti1012/pen/bLjXeM das ist das einzigste was ich verstanden habe ,weil mit der erklärung komme ich nicht weit

    Hallo Basti,

    mit dem weichen Schatten habe ich hinbekommen. das Bild zeigt meinen Entwurf.

    mir geht es um das hintere Div, das einen orangenen Balken haben soll.

    das soll mein Container werden (Ja CSS ist ausgeladen)

    <div id="container" style="width:100%; height:100%; ">
    <div id="contained" style="width:55%; background-color:white; padding:10px;
    -webkit-box-shadow: 10px 10px 34px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 34px -4px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 34px -4px rgba(0,0,0,0.75); " >

    Es geht mir also um das DIV Container.

    Wie bekomme ich "elegant" diesen orangenen Balken hinter den Container DIV CONTAINED?

    Verständlicher?

    Liebe Grüße

    Bruno

  • Rand und weiche Schatten

    Hallo!

    ich habe zwei Divs:

    HTML
    <div id="container" style="width:100%; height:100%; background-image: linear-gradient(to top, white 0%, rgb(117, 26, 255) 90%);">  


<div id="contained" style="width:55%;  background-color:white; padding:10px;">....

    Mein Ziel:

    1. Frage, an deren Lösung ich bis jetzt scheitere

    Ich möchte diesen blauen Balken HINTER Contained stellen. Wie geht das?

    2. Frage:

    Ich versuche einen weichen Schatten bei Contained zu erstellen, Bis jetzt fand ich aber nur Anleitungen für harten Schatten:

    Meine Idee:

    Vielen Dank für jeden Tipp & Hilfe

    Bruno