Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Завдання: Реалізація Декоративних Ефектів у CSS | Додавання Декоративних Ефектів за Допомогою CSS
Основи CSS

bookЗавдання: Реалізація Декоративних Ефектів у CSS

Завдання

Практичне застосування та покращення візуальної привабливості веб-сторінки. Завдання включає:

  • Додати тінь до елемента div з класом card. Вказані значення тіні:
rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px
  • Додати фонове зображення до елемента div з класом card. Надане посилання на зображення:
   https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png
  • Вирівняти фонове зображення по центру в межах картки.
index.html

index.html

index.css

index.css

copy
  • Для додавання тіні до елемента використовуйте властивість box-shadow із зазначеним значенням. У цьому випадку значення: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
  • Для встановлення зображення як фону за допомогою властивості background-image використовуйте синтаксис url("correct path"). У дужках відкрийте лапки та вкажіть шлях до зображення. У цьому завданні правильний шлях: url("https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png").
  • Для визначення позиції фонового зображення використовуйте властивість background-position. У цьому випадку встановіть значення властивості як center.
index.html

index.html

index.css

index.css

copy

1. Яка властивість додає тінь навколо блоку елемента?

2. Як можна додати зображення як фон елемента?

question mark

Яка властивість додає тінь навколо блоку елемента?

Select the correct answer

question mark

Як можна додати зображення як фон елемента?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 6

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookЗавдання: Реалізація Декоративних Ефектів у CSS

Свайпніть щоб показати меню

Завдання

Практичне застосування та покращення візуальної привабливості веб-сторінки. Завдання включає:

  • Додати тінь до елемента div з класом card. Вказані значення тіні:
rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px
  • Додати фонове зображення до елемента div з класом card. Надане посилання на зображення:
   https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png
  • Вирівняти фонове зображення по центру в межах картки.
index.html

index.html

index.css

index.css

copy
  • Для додавання тіні до елемента використовуйте властивість box-shadow із зазначеним значенням. У цьому випадку значення: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px.
  • Для встановлення зображення як фону за допомогою властивості background-image використовуйте синтаксис url("correct path"). У дужках відкрийте лапки та вкажіть шлях до зображення. У цьому завданні правильний шлях: url("https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/css-fundamentals/decorative-effects/challenge-background.png").
  • Для визначення позиції фонового зображення використовуйте властивість background-position. У цьому випадку встановіть значення властивості як center.
index.html

index.html

index.css

index.css

copy

1. Яка властивість додає тінь навколо блоку елемента?

2. Як можна додати зображення як фон елемента?

question mark

Яка властивість додає тінь навколо блоку елемента?

Select the correct answer

question mark

Як можна додати зображення як фон елемента?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 6
some-alt