Вопросы по теме 'css-shapes'
Угол 45 градусов + тень блока — использование только CSS
Мне нужно воссоздать следующий дизайн, используя только CSS :
То, что вы видите на картинке, — это верхняя часть контейнера веб-сайта — «ссылки» являются частью главного меню.
В нынешнем виде я создал контейнер, но я не уверен, как сделать...
70502 просмотров
schedule
06.01.2023
CSS для создания изогнутого угла между двумя элементами?
Мой пользовательский интерфейс имеет неупорядоченный список слева. Когда элемент списка выбран, справа от него появляется div . Я хотел бы иметь изогнутый внешний угол , где встречаются <li> и <div> . Некоторые люди называют это...
7088 просмотров
schedule
10.07.2022
Как создать плавное трапециевидное изображение с помощью css?
Я работаю над веб-сайтом, на котором мы используем эффект параллакса. Здесь есть несколько изображений треугольной формы, например,
и изображение прозрачно, потому что оно перекрывает указанный выше DIV. Я пробую так много вещей с css. но не...
11869 просмотров
schedule
07.03.2024
Круги CSS без ширины или высоты? : Возможно ли это с помощью чистого CSS или нет?
Я могу превратить div в круг следующим образом:
.circle {
background-color: rgba(0, 0139, 0139, 0.5);
height: 200px;
width: 200px;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
}
<div...
6458 просмотров
schedule
24.10.2022
Смежные div с угловыми границами?
Я хочу создать два div, которые плавают слева друг от друга, но с наклонной угловой границей, разделяющей их. Я прикрепил картинку, чтобы продемонстрировать, что я имею в виду.
Кто-нибудь знает, возможно ли что-то подобное с помощью CSS (я думаю,...
27751 просмотров
schedule
25.09.2022
Форма треугольника с фоновым изображением
Я работаю над проектом, который требует двух треугольников для хранения фоновых изображений и ссылок.
Вот мой макет того, как я хотел бы два треугольника.
В настоящее время у меня есть только два элемента div размером 900 x 600 с каждым...
34025 просмотров
schedule
11.04.2022
Сегменты по кругу с помощью CSS3
Я знаю, что вы можете сделать круг в CSS3, используя хак с радиусом границы. Но есть ли способ заставить их иметь сегменты, подобные этой картинке? Есть ли способ сделать это через HTML и CSS, но не через JS?
24811 просмотров
schedule
12.11.2022
Как создать прозрачный треугольник с рамкой с помощью CSS?
Как я могу создать следующую форму с помощью CSS?
Я попробовал это как решение:
.triangle:after {
position:absolute;
content:"";
width: 0;
height: 0;
margin-top:1px;
margin-left:2px;...
20420 просмотров
schedule
08.10.2023
Как бы я мог сделать подобное преобразование в CSS?
Я хочу взять что-то вроде этого:
и сформируйте его примерно так:
используя только CSS. Я знаю о преобразованиях CSS, но не уверен, что использовать. Skew не кажется правильным, как и перевод.
57 просмотров
schedule
31.05.2022
Как сделать дуги с помощью CSS3?
Я пытаюсь добиться следующего вида с чистым css:
Где каждая белая дуга — это отдельный элемент, скажем, span. Я знаю, что мы можем делать круглые формы с помощью CSS, но как превратить их в дуги?
23036 просмотров
schedule
24.10.2022
закругленная диагональная линия css
Подскажите, пожалуйста, как сделать такую диагональную линию:
форма:
ссылка на скрипку + код:
HTML :
<div class="block"></div>
CSS :
.block {
margin: 50px auto;
width: 100px;
height:...
1193 просмотров
schedule
05.11.2023
Как удалить линию между двумя диагонально противоположными треугольниками css?
Я использовал:
http://apps.eky.hk/css-triangle-generator/
для создания css для двух разносторонних треугольников, расположенных по диагонали друг напротив друга:
Нижний левый треугольник
width: 0px;
height: 0px;
border-style: solid;...
224 просмотров
schedule
06.09.2023
Как создать форму треугольника в верхнем правом углу другого div, чтобы он выглядел разделенным рамкой
Я хочу создать форму, как на этом рисунке:
Я создал треугольную форму, как на этом рисунке, и установил поля в правом верхнем углу, но я не знаю, как сделать так, чтобы он выглядел отделенным от левого div, как показано на рисунке.
Должен...
59984 просмотров
schedule
28.02.2024
Перекошенные границы в Div
Я пытаюсь исказить div, примерно так: text">Наклоните верхнюю часть div с помощью css без перекоса текста или вот так: http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/
Вот изображение того, что я пытаюсь сделать:
По...
37932 просмотров
schedule
18.02.2023
Вырежьте прозрачный круг с помощью CSS3
Я хочу сделать эту форму в CSS3. Является ли это возможным? :С
Мой план состоит в том, чтобы поместить изображение на задний план, поэтому я хочу, чтобы эта часть была прозрачной (эта круглая часть).
РЕДАКТИРОВАТЬ: Самая большая проблема...
2869 просмотров
schedule
20.11.2022
удалить стандартную стрелку из выпадающего списка в Opera (стрелка в других браузерах была исправлена)
Я пытаюсь скрыть стандартную стрелку из выпадающего списка выбора.
Я разрешил это для всех браузеров благодаря stackoverflow.com , но все еще не могу удалить или скрыть его для Opera (моя текущая версия Опера 12.16).
Требуется чисто...
2296 просмотров
schedule
03.08.2022
css3 до и после создания формы вместо изображения
есть ли способ создать элементы меню, подобные этому
без необходимости использовать изображения? я пробовал играть с атрибутами до и после, но это, похоже, не работает, так как я действительно не знаю, как создавать углы
453 просмотров
schedule
08.02.2024
Сделать правую часть div стрелкой
У меня есть простой div на странице:
<div>Some Text</div>
Можно ли с помощью CSS сделать его стрелкой. Что-то типа:
ОБНОВЛЕНИЕ
Это результат, который я вижу с предлагаемым решением web-tiki:
Видите порезы на...
51558 просмотров
schedule
14.11.2022
Скошенная граница другого цвета контейнера CSS
Чего я хочу достичь:
Что я сделал до сих пор, так это сделал углы, как если бы они были того же цвета, что и контейнер, а затем покрыл ненужную область «фальшивым» квадратом, повернутым на 45 градусов.
Мне не очень нравится результат,...
1216 просмотров
schedule
18.11.2022
Форма CSS с кривой вставки и прозрачным фоном
Мне нужно создать фигуру CSS, подобную этой картинке.
Пожалуйста, проверьте эту скрипку моей работы. Я создал что-то подобное, но я не могу придать ей кривую.
#shape {
border-left: 70px solid transparent;
border-top: 100px...
2676 просмотров
schedule
07.01.2023