--- id: 587d781b367417b2b2512abe title: Додавання тіні до карткового елемента challengeType: 0 videoUrl: 'https://scrimba.com/c/cvVZdUd' forumTopicId: 301031 dashedName: add-a-box-shadow-to-a-card-like-element --- # --description-- Властивість `box-shadow` додає одну або більше тіней до елемента. Властивість `box-shadow` приймає значення Значення `blur-radius` та `spread-radius` є необов'язковими. Можна створити кілька тіней, використовуючи коми для розділення властивостей кожного елемента `box-shadow`. Ось приклад CSS для створення декількох тіней майже прозорого чорного кольору з невеликою розмитістю: ```css box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); ``` # --instructions-- Тепер елемент має id `thumbnail`. За допомогою цього селектора, використайте значення з прикладу CSS вище, щоб застосувати `box-shadow` на картці. # --hints-- Ваш код повинен додати властивість `box-shadow` до id `thumbnail`. ```js assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g)); ``` Вам потрібно використати даний CSS для значення `box-shadow`. ```js assert( code.match( /box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\)\s*?,\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi ) ); ``` # --seed-- ## --seed-contents-- ```html

Alphabet


Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.

``` # --solutions-- ```html

Alphabet


Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.

```