Описание тега box-shadow

Свойство CSS box-shadow описывает один или несколько эффектов тени в виде списка, разделенного запятыми. Это позволяет отбрасывать тень от рамки практически любого элемента и позволяет закруглять углы тени по радиусу границы.
3 ответа

Android CardView показывает границу вокруг карты

Android-карта показывает ненужную границу вокруг карты. Я пробовал разные вещи, но я не могу удалить это. Это происходит, когда я даю карточке собственный цвет фона. Когда я удаляю cardBackgroundColor, и когда используется значение по умолчанию. Тог…
2 ответа

CSS - box-shadow не отображается при использовании:before и z-index

Моя цель состоит в том, чтобы предотвратить наложение тени на поверхностях соседних элементов, используя :before а также z-index, Но тень идет под контейнером элемента списка, который отбрасывает ее из-за z-index, Он отлично работает, если его родит…
29 авг '16 в 08:44
1 ответ

Как вы воспроизводите этот эффект box-shadow?

Это мой первый год в CSS, и я пытаюсь повторить этот эффект box-shadow, который я нашел в Udemy: Я стараюсь изо всех сил повторить этот эффект, и это шкаф, который я получил: #box { -webkit-box-shadow: 3px 14px 14px -11px rgba(245,245,245,1); -moz-b…
21 май '16 в 23:03
4 ответа

Как сделать так, чтобы тень блеснула над своими детьми?

Я хочу, чтобы внутренняя тень моего div проходила через его содержимое (обратите внимание, что я не просто хочу, чтобы изображение имело внутреннюю тень, у меня гораздо более сложный прокручиваемый div с таким количеством детей, это лишь минимальный…
11 фев '18 в 16:25
1 ответ

Попытка получить небольшую тень от скручивания страницы на CSS-анимированном элементе div

То, что я надеюсь сделать, - это получить один из тех приятных подъемов / скручиваний страниц в div, который имеет анимацию при наведении, так что небольшой скручивание угла страницы остается в div, даже когда он анимируется. Я пытался использовать …
29 дек '15 в 12:51
2 ответа

Создание "плоской длинной тени" для текста в CSS с меньшим количеством CSS

Примечание: этот вопрос похож на этот вопрос; однако, это отличается и поэтому задается как отдельный вопрос к только что связанному. Я пытаюсь создать плоскую длинную тень в CSS для текста в логотипе. Оригинальный способ, который я нашел, основан н…
22 авг '16 в 19:51
1 ответ

CSS3: Box Shadow

Скажем, у вас есть коробка, и вы используете коробку с тенью. Как вы могли бы применить это только к top right bottom?
19 мар '12 в 22:27
0 ответов

CSS v Photoshop Box Shadows: потерянный в переводе

Пытаясь написать пост, связанный с работой с графическим художником для моих студентов, занимающихся веб-разработкой, я понял, что у меня могут быть некоторые пробелы в моих собственных знаниях спецификаций Photoshop для box-shadow. ВОПРОС: Что я не…
08 сен '17 в 16:21
0 ответов

css box-shadow по-разному рендерится в ff/chrome

Мне нужен точный box-shadow для divи поскольку Chrome и Firefox отображают его по-разному: Я пытался использовать браузерные префиксы -moz- а также -webkit- немного настроить значения. Но не повезло -moz- для старых версий FF (до 35), Chrome не прин…
16 мар '18 в 15:25
2 ответа

CSS3 Установить Box Shadow для угла наклона

Я кодирую некоторые причудливые вещи для обучения себя. У меня есть левый угол наклона. Теперь я хочу добавить тень от коробки, и она показала следующее изображение: Это мой фрагмент кода: html, body { margin: 0px; } .navbar { position:relative; con…
22 янв '17 в 02:03
2 ответа

Internet Explorer - CSS box-Shadow на столе не работает для браузера IE

Я старался box-shadow за tr в таблице и отлично работает для Chrome, но не работает для браузера IE. Я проверил почти все предлагаемые ссылки на переполнение стека, но не смог найти причину и ответ. Вот пример, который я использовал http://jsfiddle.…
2 ответа

Box Shadow исчезает на div, при удалении элементов списка внутри него

Чтобы проверить или увидеть ошибку: (Примечание: ошибка была воспроизведена по ссылке во втором обновлении, так как вопрос был впервые опубликован) перейти на sukritchhabra.com/importr Введите Bootstrap в строке поиска. Выберите начальную загрузку и…
29 фев '16 в 09:45
1 ответ

Невозможно удалить тень на посещенной ссылке - применяется дважды

Не уверен, если это просто связано с :visited ссылки или обычная стилизация с box-shadow, но я не могу переопределить его. https://jsfiddle.net/pt39v1yy/1/ Первоначально я пытался изменить цвет тени коробки, но потом понял, что это не переопределяет…
16 мар '17 в 17:59
3 ответа

Нежелательная тень на веб-сайте появляется и отзывчивый разрыв

В настоящее время я обновляю / работаю над этой веб-страницей " https://www.emergencydentalservice.com/emergency-dentist-by-city", и их нежелательная тень в теле появляется в теле, и я не могу определить, откуда и почему. Наверху нежелательной тени …
1 ответ

Стили Divs - Drop Shadow через середину другого div

Я пытаюсь создать стили CSS, которые выглядят как флип-счетчик, но на самом деле не работают как единое целое. У меня есть общий вид и ощущение, что я понял, но я не могу заставить свою тень от коробки перекрывать номер дисплея. Это то, что я до сих…
28 апр '16 в 15:50
2 ответа

Android: расположение тени и рамки

Я хочу box shadow а также radius как на картинке ниже, но в Android box shadow не работа Как я могу использовать xml для этой проблемы?
26 фев '17 в 11:38
1 ответ

Использование CSS box-shadow для импульсной анимации значительно снижает нагрузку на процессор

Требовалось отображать импульсную анимацию над меткой, чтобы выделить ожидающие уведомления. Я сталкивался с этим во время исследования в Интернете и реализовал то же самое. Это работает хорошо, однако, когда метка пульсирует, загрузка ЦП находится …
22 ноя '17 в 14:47
2 ответа

Радиус границы / Border / box-shadow Advanced

Где я могу найти учебники о продвинутых границах и тенях в css? Я обнаружил форму CSS, но не могу объяснить это: #space-invader{ box-shadow: 0 0 0 1em red, 0 1em 0 1em red, -2.5em 1.5em 0 .5em red, 2.5em 1.5em 0 .5em red, -3em -3em 0 0 red, 3em -3em…
20 авг '15 в 19:42
0 ответов

Тень не появляется на изображении

Я не уверен, почему это не работает. У меня никогда не было проблем с тенями. У меня есть изображение, установленное в положение: относительное, потому что под ним есть элемент (с использованием z-индекса), а другой над ним (также с использованием z…
05 май '16 в 17:57
2 ответа

Как удалить лишние пробелы в верхней части поля ввода с помощью пользовательской тени блока (Chrome 68)?

Смотрите изображение и jsfiddle ниже. Кажется, это связано с увеличением размера шрифта. Есть ли альтернативный способ увеличить размер флажка при сохранении настраиваемой окружающей тени-рамки в Chrome (68)? Я попробовал несколько вещей. Смотрите: …
16 авг '18 в 15:37