Свързани въпроси 'css-shapes'

Помощ за създаване на HTML страница с извита заглавна секция
Чудех се кой е най-добрият начин (използвайки html, css и графики) за създаване на уеб страница, чиято горна заглавна секция изглежда скосена, за разлика от права? Моля, вижте изображението по-долу като пример: Не съм сигурен как да използвам...
6977 изгледи
schedule 06.10.2022

CSS: точки в ъглите на div
Опитвам се да сложа точка във всеки ъгъл на контейнер. Мисля, че трикът за това е комбинация от .my-container:before и настройка на свойството граница или фон на :before . Ефектът, който искам, е подобен на SO#17306087 , но не искам да използвам...
12442 изгледи
schedule 11.10.2022

HTML и CSS Fluid Circle
Опитвам се да създам течен кръг, използвайки HTML и CSS. Почти съм готов, но тъй като трябва да е течно и съдържанието вътре е динамично, то променя формата си от кръг на овална и други. body { position: relative; } .notify {...
11002 изгледи
schedule 03.11.2023

CSS 3 форма: обратен кръг или изрязан кръг
Искам да създам форма, която бих описал като "обратен кръг": Изображението някак си е неточно, защото черната линия трябва да продължи по външната граница на елемента div. Ето демонстрация на това, което имам в момента:...
26394 изгледи
schedule 04.11.2023

Плосък остър ъгъл или скосени ъгли
Има ли някакъв начин да създадете остър плосък ъгъл с CSS и HTML? Нещо като това: ____ / \ | | \____/
31057 изгледи
schedule 06.12.2022

Създайте форма на поничка в CSS
Знам как да създам css кръг с радиус на границата и т.н., но се интересувам от създаването само на css форма на поничка, приблизително като тази тук -> Ще бъде един div, но извит назад към себе си, някакви идеи??
23330 изгледи
schedule 05.12.2023

SkewY с различни стойности отгоре и отдолу
Бих искал да направя форма, където горната част е изкривена -10 градуса, а долната част е 10 градуса, за да произведа формата, както се вижда на снимката: Изглежда не мога да разбера как да постигна това.
3388 изгледи
schedule 11.12.2023

Оформете наклонена долна граница на div
Създавам прост уебсайт и на неговата целева страница имам нужда от два фона. За това използвам два div, един върху друг. Дотук добре. Проблемът е, че искам долната граница на първия div (или горната граница на втория) да е наклонена. Това е...
6784 изгледи
schedule 27.12.2023

Създаване на граница на назъбен триъгълник в CSS
Имам форма с ръб като този във Photoshop: Възможно ли е да се направят повтарящите се триъгълници като рамка с CSS?
37533 изгледи
schedule 10.01.2024

Как да направя тази стрелка само в CSS?
Създавам подобен на съветник процес на поръчка, където имам това меню: Активната страница е оцветена в зелено (в този случай модел). Как се прави тази стрелка, като се използва само CSS?: В момента постигам целта си, като използвам...
7812 изгледи
schedule 09.01.2024

css градиент за стрелка с форма на триъгълник
Моля, погледнете http://jsfiddle.net/ghAgQ/ Имам нужда от същия градиент за стрелка, както е за правоъгълника. Някакви идеи как става това? Благодаря .rectangle { background-color: #EEE; height: 80px; width: 240px; border: 1px solid #CCC;...
20274 изгледи
schedule 18.01.2024

Как мога да направя CSS извита линия?
Как мога да направя css като този на снимката по-долу:
11890 изгледи
schedule 08.01.2024

Ограничете щракването до конкретна форма
Имам това изображение/многоъгълник, дефиниран в css така: .post-wrapper { position: relative; width: 250px; height: 420px; float: left; background-color: #ddc; -webkit-clip-path: polygon(50% 100%, 100% 50%, 50% 0, 0 50%);...
2977 изгледи
schedule 12.04.2024

Рисуване на анимирана дъга с чист CSS
Знам, че е възможно да се рисуват и анимират дъги в svg и canvas. Възможно ли е обаче в css? Създадох дъга, използвайки следния метод: .arc{ width:150px; height:400px; border-radius:50%; border-right:1px solid black;...
41840 изгледи
schedule 24.04.2024

Как да създадете div, който е изкривен от едната страна
Вътре в div ще има някакъв текст и трябва да мога да задам височината и ширината на div на auto, така че да преоразмерява според текста вътре. Ъгълът на наклон ще бъде 45*
530 изгледи
schedule 24.05.2024