Вопросы по теме 'box-shadow'
CSS - тень блока не отображается при использовании: before и z-index
Моя цель - предотвратить перекрытие тени блока поверх соседних элементов с помощью :before и z-index .
Но тень проходит под контейнером элемента списка, который ее отбрасывает из-за z-index .
Он отлично работает, если его родительский...
851 просмотров
schedule
17.10.2021
Как создать эффект импульса внутрь в CSS?
В приведенном ниже коде есть анимация CSS Pulse. Эффект направлен к внешней стороне логотипа. Как добиться того же эффекта в интерьере логотипа?
If possible can you show me how to do both effects :
от края логотипа внутрь.
от внутренней...
154 просмотров
schedule
08.09.2021
Firefox неправильно отображает вставку box-shadow с радиусом границы
У меня есть несколько кнопок в верхней части боковой панели. Первая и последняя кнопки имеют закругленный угол, соответствующий краям боковой панели. Когда .active , кнопки должны иметь вставку box-shadow. В Chrome это работает правильно. В...
889 просмотров
schedule
27.04.2022
Как сделать тень на прозрачном прямоугольном svg
Я хочу иметь тень на прозрачном элементе SVG.
Пробовал использовать разные фильтры, но безрезультатно. css3 фильтрует элемент svg ( filter: drop-shadow(0 -6mm 4mm rgb(160, 0, 210)); ), новый фильтр dropshadow ( <feDropShadow> ), старые...
1943 просмотров
schedule
02.05.2022
CSS - создать тень из нескольких блоков
у меня такой код
body {
/*some styling for make div on center*/
}
div {
width: 50px;
height: 50px;
background-color: white;
border-radius:50%;
box-shadow: 0 0 5px 7px rgba(230, 230, 230, 0.4);
}...
4391 просмотров
schedule
10.05.2022
Параметр по умолчанию для Sass @mixin
Кажется, я нигде не могу найти ответ на этот конкретный вопрос о переполнении стека.
Я использую Compass и создаю @mixin для box-shadow / text-shadow .
Мне интересно, можно ли установить параметр по умолчанию в Sass/SCSS?
Вот мой текущий...
1711 просмотров
schedule
18.05.2022
Удалить тень коробки с левой стороны
Я создаю пользовательский переключатель для проекта дизайна муравья, и я изо всех сил пытаюсь сохранить три стороны (т.е. верхнюю, правую, левую) тени окна (т.е. 2px 2px 8px rgba(0, 0, 0, 0,15) ) и полностью удалите box-shadow/blur с левой стороны....
2475 просмотров
schedule
29.05.2022
Box-Shadow для Mozilla не работает
У меня есть этот код CSS, но теневая вещь не работает в Mozilla Firefox:
body {
text-align: center;
font-family: Sans-serif;
background-image: url("d3.jpg");
background-repeat: no-repeat;
background-attachment: fixed;...
250 просмотров
schedule
07.06.2022
Кросс-браузерная совместимая тень коробки с переходом
У меня есть следующий CSS для создания тонкой тени, которая появляется с переходом 0,15 с.
#product {
-webkit-transition: box-shadow 0.15s;
-moz-transition: box-shadow 0.15s;
-ms-transition: box-shadow 0.15s;
-o-transition:...
306 просмотров
schedule
18.06.2022
Радиус границы / Граница / 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...
255 просмотров
schedule
01.09.2022
Как воспроизвести этот эффект тени?
Это мой первый год в CSS, и я пытаюсь воспроизвести этот эффект тени, который я нашел на Udemy:
Я изо всех сил стараюсь воспроизвести этот эффект, и вот шкаф, который у меня получился:
#box {
-webkit-box-shadow: 3px 14px 14px...
147 просмотров
schedule
16.09.2022
Сделайте тень правильной с помощью div с отрицательным радиусом
Как нарисовать div с таким отрицательным радиусом, как на изображении, используя css, и основной вопрос моего вопроса - как сделать возможным использование тени в этой круглой области? Я пытался использовать некоторые хаки с элементами...
35 просмотров
schedule
24.09.2022
box-shadow для встроенного элемента
Многострочный текст размещается на изображении. Текст должен появиться на белом фоне, как наклеенный. Каждая строка текста нуждается в небольшом отступе слева и справа. Этого можно добиться с помощью box-shadow для встроенного текста....
1882 просмотров
schedule
29.06.2023
Швы в тенях между соседними элементами div
Соседние элементы обычно выглядят так, как если бы они были слиты, без линий или швов между ними). Пример: http://jsfiddle.net/4m3L79w4/1/
Однако это уже не так, если используются тени.
HTML:
<div class="top"></div>
<div...
181 просмотров
schedule
05.02.2023
border-radius со вставкой box-shadow пикселизированный / прочный
Если вы не видите эту проблему, попробуйте взглянуть на этот codepen , здесь вы должны посмотри, что я имею в виду.
Я пробовал несколько способов исправить это. Ниже в комментариях вы можете увидеть один из них. Тем не менее, кажется, что...
324 просмотров
schedule
30.05.2023
Можно ли использовать box-shadow в IE8?
Почему этот CSS применяется непоследовательно в разных фреймворках/средах/браузерах?
У меня есть прототип, созданный в Meteor, где CSS отлично работает при создании эффекта тени и добавлении границы к различным изображениям при наведении курсора;...
1102 просмотров
schedule
31.12.2022
css 3 тень слева вверху внизу
Привет, ребята, я играл со свойством css box-shadow, и я немного борюсь с этим. Я пытаюсь создать тень на поле, но я хочу применить тень только к верхней, нижней и левой сторонам моего div.
вот мой код css до сих пор, но он будет применяться ко...
5140 просмотров
schedule
08.12.2022
Странность CSS box-shadow в Firefox
У меня возникает странная проблема при использовании box-shadow для применения отступов к левой и правой сторонам диапазона, содержимое которого обертывается внутри контейнера:
box-shadow:9px 0px 0px red, -9px 0px 0px red;
Он применяет левую...
71 просмотров
schedule
12.01.2023
Отсутствует тень окна внизу iframe
У меня есть это слайд-шоу: http://andrewolff.jalbum.net/Nepal/ , работающее в iFrame. :
<iframe src="http://andrewolff.jalbum.net/Nepal/" frameborder="0" scrolling="no" height="240" width="100%" ></iframe>
в таблице,...
440 просмотров
schedule
20.03.2023
Как я могу сделать это с помощью css3?
Как я могу сделать это с помощью css (box-shadow и border) Как сделать это точно так же, как изображение. Дайте мне несколько предложений, пожалуйста. Спасибо.
Пожалуйста, посмотрите изображение здесь
Спасибо
28 просмотров
schedule
04.02.2023