Вопросы по теме 'box-shadow'
Как применить box-shadow со всех четырех сторон?
Я пытаюсь применить box-shadow на всех четырех сторонах. У меня получилось только с двух сторон:
197524 просмотров
schedule
18.02.2024
CSS-тени box-shadow
Для практики и развлечения я пытаюсь воссоздать следующий логотип на чистом CSS в одном элементе.
Если вы заметили, у каждой «полосы» есть небольшая затененная серая область, которая придает ощущение глубины. Я хотел бы создать их в чистом...
810 просмотров
schedule
15.05.2022
Можно ли включить тень блока в область div, которая реагирует на событие щелчка?
У меня есть div , действующий как круглая кнопка. Он оформлен так, что значительная часть его общего вида исходит от box-shadow :
<body style="background:black">
<div id="button" style="width: 50px; height: 50px; background:...
1407 просмотров
schedule
13.01.2023
Тень коробки для треугольника, созданного с помощью css
У меня есть следующий плункер , в котором я создал треугольник с помощью CSS.
CSS:
.triangle {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent red...
2154 просмотров
schedule
27.10.2022
Box-Shadow Arc CSS
Я пытаюсь воспроизвести нечто подобное:
Там, где тень от нижней части div-дуги несколько изгибается, поднимаясь выше в центре, а затем сужаясь в ничто дальше.
Интересно, можно ли этого добиться с помощью какого-то эффекта тени в css. В...
616 просмотров
schedule
02.05.2022
Поскольку box-shadow нельзя использовать для элементов display:table-row, как я могу имитировать таблицу и использовать box-shadow для элементов псевдостроки?
Это уже было подтверждено что невозможно добавить элемент box-shadow к элементу display:table-row таким образом, чтобы это было совместимо со всеми основными браузерами. По непонятным мне причинам строка не может быть оформлена как группа, что...
525 просмотров
schedule
04.01.2023
Любой способ получить box-shadow только для content-box
Было бы неплохо иметь возможность разместить тень блока. В настоящее время у меня есть div с некоторыми дополнениями. Цвет фона установлен для клипа в поле содержимого. Это хорошо. Однако тень окна, которая появляется при наведении курсора,...
2121 просмотров
schedule
07.08.2022
Как сделать так, чтобы два элемента разделяли тень блока
Итак, у меня сложная ситуация: у меня есть внешняя div оболочка, которая содержит внутренний div и ul , например:
<div id="wrapper">
<div id="box"></div>
<ul id="list">...</ul>
</div>
#list...
1532 просмотров
schedule
11.02.2022
Создание «плоской длинной тени» для текста в CSS с меньшим количеством CSS
Примечание. Этот вопрос похож на этот вопрос; однако он отличается и поэтому задается как отдельный вопрос по сравнению с только что связанным.
Я пытаюсь создать плоскую длинную тень в CSS для текста в логотипе. Оригинальный способ,...
931 просмотров
schedule
10.03.2024
Как сделать так, чтобы тень блока отображалась над следующим элементом в контейнере?
См. этот код: http://codepen.io/Varin/pen/kkGgVd .
<div class="container">
<div class="outside2">
<div class="inside2">
<span class="text"></span>
</div>
</div>...
1388 просмотров
schedule
01.05.2024
Box-shadow все еще обрезается с видимым параметром overflow-y
У меня та же проблема, что и в этом вопросе , но мне нужно установить overflow-x на scroll , иначе весь документ будет шире экрана. Теоретически установка overflow-y на visible должна сохранять тень блока видимой, но все равно обрезает ее....
4345 просмотров
schedule
06.10.2023
Android CardView показывает рамку вокруг карты
Карточка Android показывает ненужную рамку вокруг карточки. Я пробовал разные вещи, но я не могу удалить его. Это происходит, когда я задаю карте собственный цвет фона. Когда я удаляю cardBackgroundColor и когда используется значение по умолчанию....
8706 просмотров
schedule
17.06.2023
Двойная коробка/бордюр? Возможно ли это в CSS?
Я пытаюсь воссоздать это изображение в CSS.
Это то, что я получил от экспериментов, до сих пор. Я использовал box-shadow в качестве второго блока. Я не уверен, есть ли лучший способ сделать это?
h4 {
font-family: sans-serif;...
1030 просмотров
schedule
20.02.2024
Как установить box-shadow для тега ‹img›, у которого есть изображение с прозрачными углами? (CSS)
У моего изображения прозрачные углы, как у значка. Но как установить box-shadow для тега, который не имеет квадратной формы? Мне нужна тень, повторяющая форму текущего изображения. Есть ли какое-нибудь CSS-решение для этого?
69 просмотров
schedule
18.04.2022
Box-shadow в IE представляет собой прозрачную линию/границу
Я пытаюсь создать компонент плитки в HTML, который позволяет иметь изображение и текст, как показано:
Как видите, есть две строки, которые видны только в IE. Я удалил контур и любую границу, но все равно ничего не меняет.
У вас есть...
694 просмотров
schedule
30.04.2022
Мигает переход между полем и тенью при наведении
Я пытаюсь заставить box-shadow работать как слайд-анимация над img, делая черный фон слева направо. Но я не могу сделать это без этой странной проблемы с морганием. Я уже искал решения вокруг переполнения стека.
Пробовал и с разделом вместо имга,...
1291 просмотров
schedule
26.01.2024
CSS3 Box-shadow для псевдо-элементов до и после
Мне нужно создать что-то вроде этого, чтобы разделить разделы в мобильном дизайне:
Я могу легко создать угловую часть с помощью CSS, но мне трудно получить правильную тень блока. Проблема в том, что мне нужна только тень окна в нижней части...
2621 просмотров
schedule
27.05.2023
Как удалить изогнутую границу и тень вставки из компонента Material UI TextField React?
Вот поле ввода:
В нем есть эта внутренняя тень и изогнутые границы.
Вот код:
import React, {Component} from 'react';
import TextField from 'material-ui/TextField';
import { connect } from 'react-redux';
class SearchInput extends...
7137 просмотров
schedule
19.06.2022
Как использовать box-shadow с jQuery animate()?
У меня есть элемент li, который нужно анимировать, чтобы создать тень при наведении курсора, но я не могу получить желаемые результаты, вот мой код javascript:
$(document).ready(function () {
$('#skill_list li').hover(function () {...
763 просмотров
schedule
07.06.2022
Как создать тень под изображением?
Я хочу создать «летающий» эффект для изображений при наведении с тенью под изображениями. Важный! Изображения могут быть разной ширины (как и тени)
body{
padding: 50px;
}
.images{
list-style-type: none;
display: flex;...
73 просмотров
schedule
20.10.2022
