Вопросы по теме 'css-shapes'
Перекос преобразования CSS
Кто-нибудь знает, как добиться такого перекоса:
Используя новое свойство преобразования CSS?
Как видите, я пытаюсь наклонить оба угла, кто-нибудь знает, возможно ли это?
59622 просмотров
schedule
09.03.2023
Контейнер наклонного текста
Мне было интересно, знает ли кто-нибудь из вас, можно ли сделать что-нибудь вроде этого:
Я знаю о http://www.infimum.dk/HTML/slantinfo.html но я не могу разместить текст на наклонных участках .
2218 просмотров
schedule
22.03.2022
Как создать треугольный контейнер для изображения (x-браузер)
Как мне создать DIV, содержащий IMG, где DIV разрезает изображение на треугольник, тем самым отображая только часть изображения через треугольник.
so..
<div>
<img src='some_image' />
</div>
Где изображение...
3308 просмотров
schedule
24.08.2022
Нарисуйте круг, используя только css
Можно ли нарисовать круг, используя только css, который может работать в большинстве браузеров (IE, Mozilla, Safari)?
339935 просмотров
schedule
17.02.2024
Наклонный угол на поле CSS
Я играю с CSS совсем недолго и пытаюсь получить нормальный блок, но с обрезанным верхним левым углом под углом 45 градусов. И немалая сумма; Я смотрю на довольно большой угол, вырезанный под этим углом. Этот эффект:
Как мне это сделать?
76669 просмотров
schedule
26.09.2022
Вырезать углы с помощью CSS
Я хочу «вырезать» верхний левый угол div, как если бы вы согнули угол страницы вниз.
Я хотел бы сделать это на чистом CSS, есть ли какие-нибудь методы?
204097 просмотров
schedule
06.05.2024
Форма конверта CSS3
Как вы могли догадаться, это изображение является частью формы почтового конверта, которую я хотел бы создать с помощью CSS3, если это возможно. Я сделал другие части, но это сложно. Форма нуждается как в треугольном разрезе с обеих сторон, так и в...
4380 просмотров
schedule
30.03.2023
Зигзагообразная граница CSS с текстурированным фоном
Я работал над заголовком с зигзагообразной рамкой. Один из способов сделать это - использовать изображения для создания эффекта зигзага.
(1) Есть ли способ создать практичную кроссбраузерную зигзагообразную границу в CSS без использования...
26074 просмотров
schedule
10.03.2023
Как создать треугольник в CSS3, используя радиус границы
Я использую свойство border-radius для получения закругленных углов. Но я не уверен, как получить закругленные углы этой формы. Я пытался дать одинаковые размеры с обеих сторон, но они просто не дают мне точную форму. Я пропустил здесь какое-то...
53678 просмотров
schedule
08.03.2023
css стрелка с нижней границей
Мне нужно создать стрелку внутри div. Я создал стрелку, но мне нужно получить визуальный эффект с рамкой, как показано ниже.
Демонстрация проверенного образца http://jsfiddle.net/rLZkf/4/
div {
margin: 20px;
height: 200px;...
3640 просмотров
schedule
07.10.2022
Тень окна CSS вокруг пользовательской формы?
Привет,
Мне нужно создать div, который выглядит так:
На данный момент я придумал следующее: http://jsfiddle.net/suamikim/ft33k/
.bubble {
position: relative;
width: 80px;
height: 160px;
border: 1px solid #33A7F4;...
34476 просмотров
schedule
19.08.2022
Центрирование фигуры CSS3
Я пытаюсь центрировать тег привязки, который отображается в виде формы CSS3 (большая стрелка «воспроизведение») в div.
Моя разметка выглядит следующим образом:
<div class="element halfcol">
<div class="inner beige-bg...
8314 просмотров
schedule
27.10.2023
Круг прогресса CSS
Я искал этот веб-сайт, чтобы найти индикаторы выполнения, но те, которые мне удалось найти, показывают анимированные круги, которые достигают полных 100%.
Я хотел бы, чтобы он останавливался на определенных процентах, как на скриншоте ниже. Есть...
411083 просмотров
schedule
11.04.2022
Как сделать треугольник с тремя углами в CSS
Я хотел бы получить индивидуальную цветную форму, подобную этой, без использования Javascript:
В настоящее время я накладываю изображение «рамки» на оранжевый прямоугольный элемент div, но это довольно хакерски. Я полагаю, что мог бы использовать...
69658 просмотров
schedule
19.05.2023
Создание формы равнобедренной трапеции
Мне интересно, смогу ли я создать что-то подобное с помощью CSS:
И мне также интересно, это правильное место для такого вопроса? Я ничего не пробовал кодировать, я сделал коричневые изображения с помощью фотошопа.
Спасибо за любую помощь!
796 просмотров
schedule
20.06.2022
Создать линию стрелки с помощью CSS
Я пытаюсь создать прямую горизонтальную линию с разрывом посередине, чтобы отобразить стрелку. Идея состоит в том, что содержимое, отображаемое под линией, будет предоставлять подробную информацию о содержимом, отображаемом над строкой. Вот как...
14720 просмотров
schedule
17.06.2022
Поле со стрелкой с CSS
Как я могу сделать это поле в CSS?
Я видел несколько туториалов, которые учат создавать коробки со стрелками, однако в моем случае ни один из этих туториалов не подходит.
78978 просмотров
schedule
01.05.2023
CSS применяет границу к форме облака?
Я нарисовал облако с помощью CSS3, используя разные теги div . Я пытаюсь добавить границу ко всей фигуре, но у меня возникают проблемы, поскольку каждая фигура имеет свою собственную границу. Как я могу применить границу ко всему облаку?
HTML:...
7062 просмотров
schedule
22.01.2023
Создание прозрачной стрелки над изображением в CSS3
Я пытаюсь создать эффект прозрачной стрелки над любым изображением в CSS3. См. следующее изображение.
Есть идеи, как сделать этот эффект? Использование LESS, если это поможет.
4424 просмотров
schedule
04.11.2022
Круг CSS с двумя границами разных цветов или, по крайней мере, выглядит как
У меня есть круг с одной границей, но я хотел бы знать, можно ли вообще получить круг с двумя границами разных цветов. У меня есть следующий цикл создания CSS следующим образом:
.circle {
width: 20px;
height: 20px;
border-radius:...
16634 просмотров
schedule
18.07.2022