Weicher Farbübergang in Containern

Um einen weichen Farbübergang zu erzeugen fügen Sie einen Rahmen (mit einer helleren Farbe) hinzu.

Beispiele:

  Ohne Farbübergang

  Mit Farbübergang
<div style="background-color: #CEE7FF; border: solid 2px #E6F2FF;">
Mit Farbübergang</div>

Mit CSS-Outline kann der Farbübergang noch verfeinert werden:

  Mit Farbübergang
<div style="background-color: #CEE7FF; border: solid 2px #DBEDFF;
 outline: solid 2px #F4F9FF;">  Mit Farbübergang</div>

 

  Ohne Farbübergang

  Mit Farbübergang
<div style="background-color: #FFF1D7; border: solid 2px #FFF8E8;">
Mit Farbübergang</div>

 

  Ohne Farbübergang

  Mit Farbübergang
<div style="background-color: #E6FFE6; border: solid 3px #F2FFF2;">
Mit Farbübergang</div>