Ανάπτυξη φόντου CSS

CSS background-attachment

background-attachment Η ιδιότητα καθορίζει αν η εικόνα φόντου θα κινείται ή θα είναι σταθερή (δεν θα κινείται μαζί με το υπόλοιπο της σελίδας):

Παράδειγμα

Καθορίστε την εικόνα φόντου να είναι σταθερή:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

Δοκιμάστε το Δικά σας

Παράδειγμα

Καθορίστε την εικόνα φόντου να κινείται μαζί με το υπόλοιπο της σελίδας:

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

Δοκιμάστε το Δικά σας