Урок-17. “Контентні і декоративні зображення: властивості та відмінності.
Декоративні елементи.
Тінь”

cat
cat
cat
Original image
cat
object-fit: fill
object-fit: contain
object-fit: cover
object-fit: scale-down
object-fit: none
object-fit: fill object-position: 50px 50px
object-fit: contain object-position: left bottom
object-fit: cover object-position: 20% 30px
object-fit: scale-down object-position: right top
to bottom
to top
to right
to top left
to bottom
to top
to bottom right
to top left
elipse at center
circle at center
circle at top right
circle at bottom left
ellipse at center
circle at center
circle at top right
circle at bottom right
to right
to bottom
to top right
to bottom right
circle at center
circle at top right

Striped header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error voluptatem modi fugit iusto. Quod, consequuntur porro delectus aliquam minus perspiciatis adipisci quidem architecto nulla facere, recusandae eaque vitae, deserunt rem.

Striped header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error voluptatem modi fugit iusto. Quod, consequuntur porro delectus aliquam minus perspiciatis adipisci quidem architecto nulla facere, recusandae eaque vitae, deserunt rem.

Striped header

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error voluptatem modi fugit iusto. Quod, consequuntur porro delectus aliquam minus perspiciatis adipisci quidem architecto nulla facere, recusandae eaque vitae, deserunt rem.

Без тіні

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.

З тінню

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas id eius sunt quas eos accusantium! Pariatur alias reiciendis nesciunt fuga repellat aperiam, omnis eligendi. Ut accusantium ea molestias totam eum harum facere adipisci placeat reiciendis, consequatur aut officia non obcaecati dolor quia laboriosam consequuntur odio, sed sint fuga nam.