Boxen am Ende
-
onkelz -
13. März 2023 um 20:34 -
Erledigt
-
-
Frag mich doch einfach .
Ist ja von meiner seite.Es ist nur rein CSS umgebaut mehr ist das nicht .
Sei es die Überschrift und der schatten etc .
MfG
-
Code
Alles anzeigen/* Seitenende als 3 boxen system */ .boxesFooterBoxes .box { flex: 1 0 23%; max-width: 100%; padding: 20px; margin: 10px; -webkit-box-align: stretch; box-align: stretch; border-radius: 12px; box-shadow: 0 0 6px rgb(0 0 0 / 50%) inset; } .boxesFooterBoxes .boxContainer { padding: 10px 0 60px 0; }So sieht der code aus.
Wenn du noch die Überschrift haben willst sieht es so aus.
Code.boxesFooterBoxes .boxTitle { color: #dedede; //Überschrift Schriftfarbe max-width: 50%; //Breite der Überschrift margin-left: auto; margin-right: auto; border-radius: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.95), #304db0, rgba(0, 0, 0, 0.95)); box-shadow: 0 0px 0 rgba(255, 255, 255, 0.15) inset, 0px 0 0 rgba(255, 255, 255, 0.05) inset, 0px 0 0 rgba(255, 255, 255, 0.05) inset, 0px -5px 16px -6px rgb(0 48 255 / 60%) inset; }Bitte bedenke das die größe und Farben deinem Bord angepasst werden müssen und bei dir anders aussehen kann.
Wenn du Fragen hast sag bescheid . Helfe dir dann gerne weiter.
MfG
-
Dieses Thema enthält 4 weitere Beiträge, die nur für registrierte Benutzer sichtbar sind.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!