Frag zu CSS Background Images?
Guten Tag,
aus Langeweile wollte ich die Starbucks Website https://www.starbucks.com/rewards nachbauen, nur habe ich keine Ahnung, wie das mit dem Background-Image gemacht wurde.
Der Stern wurde als Hintergrund der ganzen Box gesetzt und skaliert mit - die grüne Box aber auch?
https://codepen.io/stewn/pen/JjrjPzX
Es geht um heading-section.
Das Bild ist
-responsiv
-die grüne Box ist immer so groß wie das Bild
-das Bild bleibt immer an der Kante
2 Antworten
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, CSS
nur habe ich keine Ahnung, wie das mit dem Background-Image gemacht wurde.
Du kannst die Größe eines Hintergrundbildes entweder relativ festelgen durch die Regel
.heading-section { background-size:50% }
oder Du baust ein Hintergrundbild, bestehend aus Farbe und Stern im Eck, dass dann mit Hilfe der Regel
.heading-section { background-size:cover }
auf die Größe des Elements skaliert wird.
Alex