Вопросы по теме 'css-shapes'
CSS3 инвертированный закругленный угол
Есть ли способ сделать перевернутый закругленный угол в CSS3, что-то вроде нижнего левого угла на (сыром) рисунке ниже?
/-------\
| |
| |
| |
| ______/
|/ <---The left side is flush (straight), the slant should be rounded...
12528 просмотров
schedule
02.09.2022
Формы CSS3 — что возможно?
Я смотрю только на браузеры последнего поколения:
IE9 (на самом деле не разу не смотрел на это)
FF4
Chrome10
Сафари5
iOS 3.4
Опера?
Я знаю, что могу легко получить квадраты и прямоугольники, круги и многоточие с закругленными...
5625 просмотров
schedule
27.10.2022
Прозрачный полый или вырезанный круг
Можно ли вырезать пустой круг , используя только CSS ?
Это мы все можем сделать:
Но можем ли мы это сделать?
Круг должен быть полым и прозрачным . Таким образом, проблема не решается путем помещения сплошного цветного круга над...
52624 просмотров
schedule
28.02.2022
Как сделать форму треугольника перед div в чистом css?
Привет, друзья, я пытался много раз, но у меня не получилось, пожалуйста, помогите мне.
Я хочу, чтобы это ниже изображения, как это
теперь я создал это, но не создал правый угол этого div, теперь любое тело, пожалуйста, помогите мне
мой...
3702 просмотров
schedule
22.10.2022
Сделайте срезанные углы с бордюром
Я хочу сделать форму в html с обрезанными углами и границей вокруг формы.
Я могу сделать обрезанные фигуры без рамки следующим образом:
HTML:
<div class="cut-off"></div>
CSS:
.cut-off{
position:relative;...
4207 просмотров
schedule
28.07.2023
Как нарисовать круг с текстом посередине?
Я нашел этот пример в stackoverflow:
Нарисуйте круг, используя только CSS
Это здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включить текст в середине круга?
Я также нашел это: Вертикально и горизонтально...
438901 просмотров
schedule
04.05.2022
Как наклонить элемент, но оставить текст нормальным (неперекошенным)
Можно ли воспроизвести это изображение, используя только CSS?
Я хочу применить это к своему меню, чтобы на hover экземпляре появился коричневый фон.
Я не знаю, как это сделать, у меня есть только;
.menu li a:hover{...
79020 просмотров
schedule
19.04.2023
Как я могу создать стрелку, используя только CSS?
Я видел следующий пример:
.arrow {
height: 0;
width: 0;
border: 4px solid transparent;
}
.arrow.up {
border-bottom-color: #000;
}
.arrow.down {
border-top-color: #000;
}
http://jsfiddle.net/FrsGR/
Однако я не могу понять,...
16450 просмотров
schedule
21.04.2022
Овальная форма CSS, вырезанная из div
Изображение выше — это то, что я пытаюсь создать, но у меня возникли некоторые трудности с овальной формой. Объяснение:
Строка меню представляет собой div с небольшим линейным градиентом (от темно-серого до прозрачно-светло-серого)....
7263 просмотров
schedule
30.06.2023
Заостренные/угловые границы в виде стрелок в CSS
Я делаю меню хлебных крошек и пытаюсь сделать это на чистом CSS, поэтому мне не нужно использовать фоновое изображение, чтобы получить форму стрелки. Можно ли добиться этого стиля угловой границы с помощью чистого CSS?
Лучшее, что мне удалось...
23135 просмотров
schedule
23.07.2023
Совет о том, как создать эту форму кнопки
Я хотел бы создать кнопку с двумя небольшими крыльями с каждой стороны, но не совсем уверен, как добиться этой формы, и мне было интересно, может ли кто-нибудь дать какое-то руководство?
Я понимаю, что мне нужно будет использовать псевдонимы...
204 просмотров
schedule
07.04.2022
Как создать рамку для почтовой марки?
Я бы хотел, чтобы div выглядел так:
но хотел бы использовать только CSS, как мне создать такую форму?
Создаю ли я пользовательскую границу сверху и снизу?
6959 просмотров
schedule
20.08.2022
Как нарисовать сектор круга в CSS?
Что ж, нарисовать круг с помощью чистого CSS несложно.
.circle {
width: 100px;
height: 100px;
border-radius: 100px;
border: 3px solid black;
background-color: green;
}
Как нарисовать сектор? Учитывая степень X [0-360], я...
86347 просмотров
schedule
19.10.2022
CSS - Как сделать прямоугольник с заостренными сторонами?
http://nl.tinypic.com/r/jgm90h/8
Я хотел бы знать, как сделать так, чтобы тег кнопки HTML имел форму, указанную выше, с использованием чистого CSS3. Ребята, вы можете мне помочь?
12732 просмотров
schedule
13.12.2022
Заголовок с нижней границей меньше ширины
Мне нужно создать эффект подчеркивания с нижней границей меньше ширины h2 заголовка. Обычно я не загружаю изображения, но я полагаю, что это может помочь объяснить вопрос немного подробнее:
14579 просмотров
schedule
07.10.2022
Проблема формы CSS3 — умножение в режиме наложения
Я пытаюсь...
1) Сделайте так, чтобы мои формы CSS3 имели режим наложения «умножение» и
2) Растяните всю область фигуры на весь размер веб-страницы.
Можно ли растянуть эту область на 100% ширины и высоты веб-страницы И сделать всю область...
194 просмотров
schedule
23.06.2023
Создать эти фигуры с помощью SVG/Canvas/CSS3?
Я бы хотел создать это: желательно с SVG, Canvas или CSS3.
В конечном счете, я намерен применить к областям 4 отдельных режима множественного наложения.
Я также хотел бы растянуть эту область, чтобы она занимала всю высоту/ширину веб-страницы....
330 просмотров
schedule
31.08.2023
Div с прозрачным вырезанным кружком
Могу ли я сделать прямоугольник div с вырезанным наполовину кругом с помощью CSS? Полукруг должен быть прозрачным и позволять просвечивать фон.
желаемая форма CSS:
HTML:
<div></div>
CSS:
div{
background :...
26622 просмотров
schedule
24.11.2022
Отзывчивый треугольник CSS с шириной в процентах
Код ниже создаст стрелку прямо под элементом <a> :
JSFiddle
.btn {
position: relative;
display: inline-block;
width: 100px;
height: 50px;
text-align: center;
color: white;
background: gray;...
85223 просмотров
schedule
21.06.2022
css трапециевидное изображение с прозрачным вырезом
Я хочу сделать трапециевидное изображение с помощью css. Я уже нашел какой-то код, но мне нужен код, который создает трапециевидную форму с прозрачной левой границей.
Итак, здесь вы можете видеть, что левая граница изображения была обрезана....
1110 просмотров
schedule
24.04.2024