html, css ogólne

Question

Witam wszystkich.

Tym razem mam ogólne pytanie. Przeglądając templatki na stronie w3schools natrafiłem na jedną, która bardzo mi się spodobała. Zastanawia mnie jak to jest zrobione. Mamy na samej górze logo w postaci obrazka, który jest dopasowany do całej rozdzielczości ekranu (to akurat nie stanowi problemu), a pod obrazkiem div z treścią. W jaki sposób został tam wstawiony div, jeśli logo zajmuje całą wysokość i szerokość?

Link do templatki:

https://www.w3schools.com/w3css/tryw3css_templates_parallax.htm#home

Z góry dziękuję za odpowiedź.

Comments

https://www.w3schools.com/howto/howto_css_parallax.asp

:)

Answer 1

Użyj dev-tools i wszystkiego się dowiesz.

Mamy na samej górze logo w postaci obrazka, który jest dopasowany do całej rozdzielczości ekranu (to akurat nie stanowi problemu)

gdyby tak było nie zadał byś tego pytania :)

Bo rozumiem, że efekt parallaxa jest Ci znany ?

Answer 2

Efekt tam zastosowany to parallax'a. Dowiesz się o niej więcej tutaj: Link

Tutaj również ciekawa pomoc dotycząca tego efektu: Link

Pozdrawiam serdecznie

Answer 3

Dziękuję bardzo za odpowiedzi. Niestety z efektem parallax jeszcze nie spotkałem się, ale już wiem co będę robił w najbliższą niedzielę ;)

Pozdrawiam.