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>