Вопросы по теме 'css-shapes'
Помогите создать HTML-страницу с изогнутым заголовком
Мне было интересно, как лучше всего (используя html, css и графику) создать веб-страницу, верхняя часть заголовка которой выглядит скошенной, а не прямой? Пожалуйста, посмотрите на изображение ниже в качестве примера:
Я не уверен, как...
6977 просмотров
schedule
06.10.2022
HTML и CSS Fluid Circle
Я пытаюсь создать плавный круг с помощью HTML и CSS. Я почти закончил, но он должен быть плавным, а содержимое внутри динамичным, оно меняет свою форму с круга на овал и другие.
body {
position: relative;
}
.notify {
position:...
11002 просмотров
schedule
03.11.2023
Создайте форму пончика в CSS
Я знаю, как создать круг css с радиусом границы и т. Д., Но меня интересует создание формы пончика только css, примерно такой, как здесь ->
Это был бы один div, но изогнутый вокруг себя,
Любые идеи??
23330 просмотров
schedule
05.12.2023
Форма CSS 3: обратный круг или вырезанный круг
Я хочу создать форму, которую я бы описал как «обратный круг»:
Изображение какое-то неточное, потому что черная линия должна продолжаться по внешней границе элемента div.
Вот демонстрация того, что у меня есть на данный момент:...
26394 просмотров
schedule
04.11.2023
Плоский острый угол или скошенные углы
Есть ли способ создать острый плоский угол с помощью CSS и HTML?
Что-то вроде этого:
____
/ \
| |
\____/
31057 просмотров
schedule
06.12.2022
Градиент css для треугольной стрелки
Пожалуйста, взгляните на http://jsfiddle.net/ghAgQ/ . Мне нужен такой же градиент для стрелки, как и для прямоугольника. Любые идеи, как это делается? Спасибо
.rectangle {
background-color: #EEE;
height: 80px;
width: 240px;
border: 1px solid...
20274 просмотров
schedule
18.01.2024
Создание неровной треугольной границы в CSS
У меня есть фигура с таким краем в Photoshop:
Можно ли сделать повторяющиеся треугольники границей с помощью CSS?
37533 просмотров
schedule
10.01.2024
SkewY с разными значениями сверху и снизу
Я хотел бы сделать фигуру, в которой верхняя часть наклонена на -10 градусов, а нижняя - на 10 градусов, чтобы получить форму, как показано на рисунке:
Я не могу понять, как это сделать.
3388 просмотров
schedule
11.12.2023
Рисование анимированной дуги с помощью чистого CSS
Я знаю, что можно рисовать и анимировать дуги в SVG и Canvas. Однако возможно ли это в css?
Я создал дугу, используя следующий метод:
.arc{
width:150px;
height:400px;
border-radius:50%;
border-right:1px solid black;...
41840 просмотров
schedule
24.04.2024
CSS: точки в углах div
Я пытаюсь поставить точку в каждом углу контейнера. Я думаю, что хитрость в этом заключается в сочетании .my-container:before и установки свойства границы или фона :before . Эффект, который я хочу, подобен SO#17306087 , но я не хочу использовать...
12442 просмотров
schedule
11.10.2022
Ограничить щелчок определенной фигурой
У меня есть это изображение/полигон, определенное в css следующим образом:
.post-wrapper {
position: relative;
width: 250px;
height: 420px;
float: left;
background-color: #ddc;
-webkit-clip-path: polygon(50% 100%, 100% 50%,...
2977 просмотров
schedule
12.04.2024
Форма наклонной нижней границы div
Я создаю простой веб-сайт, и на его целевой странице мне нужно два фона. Для этого я использую два div, один поверх другого. Все идет нормально.
Проблема в том, что я хочу, чтобы нижняя граница первого div (или верхняя граница второго) была...
6784 просмотров
schedule
27.12.2023
Как сделать эту стрелку только в CSS?
Я создаю процесс заказа в стиле мастера, в котором у меня есть это меню:
Активная страница окрашена в зеленый цвет (в данном случае Модель).
Как сделать эту стрелку, используя только CSS?:
На данный момент я достигаю своей цели,...
7812 просмотров
schedule
09.01.2024
Как я могу сделать кривую линию css?
Как я могу сделать css таким, как на картинке ниже:
11890 просмотров
schedule
08.01.2024
Как создать div, перекошенный с одной стороны
Внутри div должен быть какой-то текст, и я должен иметь возможность установить высоту и ширину div на автоматические, чтобы он изменялся в соответствии с текстом внутри. Угол наклона будет 45*
530 просмотров
schedule
24.05.2024
Изогнутый эффект с радиусом границы и тенью
Для всех создателей фигур css: есть идеи, как сделать такую изогнутую линию только с помощью css?
517 просмотров
schedule
13.04.2024
CSS — конкретный план
Я хотел бы создать конкретный контур для поля с помощью css.
Что-то вроде этого изображения:
Пожалуйста, любая помощь? :(
68 просмотров
schedule
07.01.2024
как я могу создать прозрачный круг внутри div (прямоугольника), используя чистый css?
>
пример
=======
если я помещу этот div (прямоугольник) поверх любого другого элемента (скажем, изображения). изображение должно быть видно только через круг внутри этого div (прямоугольника).
1963 просмотров
schedule
14.11.2022
Индикатор выполнения границы круга
Как я могу создать этот круглый индикатор выполнения с помощью CSS, возможно ли это (совместимый IE10+, FF, chrome, safari...)? Я думаю, что мы можем использовать для этого SVG, но я не знаю, как это сделать.
Вокруг круга есть небольшая рамка или...
4334 просмотров
schedule
29.10.2022
Выровнять текст по низу с применением shape-outside?
У меня есть текст, который я оборачиваю с помощью shape-outside. Как мне выровнять его по нижнему краю?
Использование flexbox для родителя уничтожает поплавок, поэтому больше не нужно оборачивать. Использование абсолютного позиционирования...
398 просмотров
schedule
18.12.2023