Question

Добрый день! Как сделать, чтобы от картинок, загружаемых на сайт, была небольшая тень. Чтобы они не смотрелись плоско.Я пыталась в фотошопе сделать тень, но все равно ее почему-то не видно. Картинки смотрятся плоско.

Answer 1

Можно на уровне стилей применить к изображениям на сайте например: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Comments

Я только не пойму, куда это вставлять... В таблицу стилей? Но куда, в начало и после чего-либо?..

---

Марина Яковлева #3,

Мы вам не дали готовое решение, а именно пример как можно решить вопрос и с помощью чего. Приведите пример на какой странице вы хотите сделать для картинок.

---

Yuri_Geruk,

Это главна страница. Потом и на других хочу сделать небольшую тень.

---

Марина Яковлева #3,

Вот для примера прописать в стили сайта новой строкой:

a img {box-shadow: 0 1px 4px rgba(0, 0, 0, 1), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;}

это применится к всем фото на сайте.

---

Yuri_Geruk,

Спасибо большое за ответ. Я все сделала, но ничего не получилось...

---

Марина Яковлева #3,

Ничего не сделали. Куда вы прописали ? Пример приведите.

---

Yuri_Geruk,

 В стили сайта я прописала в верхней строке.

---

Марина Яковлева #3,

Очистите кэш в браузере: https://www.ucoz.ru/help/design/kak-ochistit-cahe и увидите изменения, все применилось.

---

Yuri_Geruk,

Большое спасибо! Все получилось.