Вопросы по теме 'css-shapes'
ячейки шестиугольной формы в html [дубликаты]
Есть ли способ создать HTML-блок, представляющий собой шестиугольную сетку? Похож на пчелиный улей. Это больше похоже на задачу по стилю css.
21032 просмотров
schedule
28.04.2022
Как использовать CSS, чтобы окружить число кругом?
Я хотел бы окружить число кругом, как на этом изображении:
Возможно ли это и как это достигается?
405524 просмотров
schedule
21.02.2022
Как сделать треугольник CSS с гладкими краями?
У меня есть треугольник ( JSFiddle ), использующий этот CSS:
.triangle {
width: 0;
height: 0;
border-top: 0;
border-bottom: 30px solid #666699;
border-left: 20px solid transparent;
border-right: 20px solid transparent;...
38601 просмотров
schedule
09.04.2024
Можно ли сделать div трапециевидным?
Я знаю, что перекос возможен, но я не вижу способа перекосить каждый угол с определенной степенью.
Вот проект, над которым я работаю: http://map.ucf.edu/
Особое внимание уделите вкладкам в меню. Прямо сейчас я использую изображения, я хотел...
14639 просмотров
schedule
12.11.2023
Как вы получаете эффект наведения треугольника на чистой панели навигации css?
Я хотел бы иметь небольшой треугольник под текстом, который указывает вверх, когда пользователь наводит курсор на разные вкладки. Вот немного кода, с которым я работаю.
панель навигации CSS
* {
margin: 0;
padding: 0;...
25949 просмотров
schedule
09.08.2023
превратить изображение в css
У меня есть это изображение (прилагается). Я не дизайнер, но я не хочу использовать изображение в своем приложении. Я слышал, что вы можете очень близко подойти к изображению, используя css. Может ли кто-нибудь помочь мне с этим изображением и...
602 просмотров
schedule
23.08.2022
Как создать текстовое поле со стрелкой статуса Facebook?
Как я могу получить изогнутое текстовое поле, такое как текстовое поле статуса Facebook, только с html и css?
Может ли кто-нибудь проиллюстрировать мне, как это сделать ??
3002 просмотров
schedule
09.05.2023
Как использовать перекос только в родительском элементе?
Есть ли способ использовать перекос только в родительском элементе? Мне нужно создать что-то вроде «алмаза» в качестве маски, и дочерние элементы не могут быть затронуты. В этом случае нет возможности использовать png в качестве маски. Заранее...
6959 просмотров
schedule
01.03.2023
CSS (3) и HTML передовые технологии
Об этом уже спрашивали, но мне нужно по-другому. Пожалуйста, взгляните на изображение ниже, чтобы увидеть панель навигации, которую я пытаюсь реализовать:
Проблемы:
Тень по краям
Текст/изображения внутри панели
Сплошная рамка...
2294 просмотров
schedule
04.06.2023
Создание динамической формы с помощью чистого CSS3
Я очень хорошо разбираюсь в CSS, но я не могу понять это.
Мне нужно воссоздать несколько фигур в чистом CSS (если возможно) для проекта. Что делает его еще более сложным, так это то, что мне нужны формы для использования фоновых изображений. Я...
1190 просмотров
schedule
06.03.2024
Четверть кольца с CSS и HTML
Я пытаюсь создать форму кольца в css, разделенную на 4 четверти. Каждая четверть будет представлять собой кнопку.
Я играл со следующим кодом:
#quarterCircleTopLeft{
width:100px;
height:100px;
border:1px solid #000;...
11475 просмотров
schedule
10.02.2024
Могу ли я создать div с изогнутым дном?
Итак, я работаю над сайтом, и мне было интересно, возможно ли, используя только HTML5, CSS3 (и JavaScript, если необходимо), сделать div с изогнутым дном, чтобы он выглядел практически так:
Или это можно сделать только с помощью фонового...
87319 просмотров
schedule
06.10.2022
Создание адаптивных треугольников с помощью CSS
Сегодня я пытался создать треугольники в CSS для адаптивного сайта и не смог найти хороший пример в stackoverflow, поэтому вот как я это сделал.
7626 просмотров
schedule
21.06.2022
рисовать диагональные линии на фоне div с помощью CSS
У меня есть div для окна предварительного просмотра:
HTML:
<div class="preview-content">PREVIEW</div>
CSS:
.preview-content {
background:...
196028 просмотров
schedule
08.04.2024
CSS3 создает элемент с закругленными сторонами треугольника
Я знаю только закругленный бордюр. Не могу понять, как создавать такие вкладки без изображения ul li . Как видите, это не совсем треугольник: его верхняя и нижняя стороны немного закруглены. Можно ли создать что-то максимально похожее на картинку...
922 просмотров
schedule
23.02.2024
Переход формы с помощью :target
Как :target 1 маленькое красное поле превратить transition в желтый круг, щелкнув гиперссылку, а затем сделать то же самое маленькое поле, чтобы перейти в синий квадрат?
Вот мой CSS для маленького красного квадрата:
#Redsquare{...
159 просмотров
schedule
27.01.2023
Способ обрезать div неправильной формы в css
У меня есть закругленная всплывающая подсказка div переменной высоты, которая содержит прокручиваемый контент. Слева от него находится стрелка, указывающая на элемент, вызвавший его отображение. Стрелка может располагаться в любом месте с левой...
844 просмотров
schedule
19.06.2023
div наклонен в 2-х направлениях
Можно ли создать следующую форму как DIV в CSS .
Поддержка браузера не важна.
1855 просмотров
schedule
07.05.2022
пользовательские формы с использованием css3
Мне нужно реплицировать этот модуль в css:
Я быстро освоил jsFiddle , однако это не тот путь. Я думаю, может быть, несколько div используют псевдоэлементы: before и: after? Они также должны быть отзывчивыми!!
<div class="shape">...
73 просмотров
schedule
27.10.2023
Треугольник с одним закругленным углом
I want to make only one rounded corner for a triangle but I'm unable to make it.
Here is my code :
.arrow-left {
width: 0;
height: 0;
border-top: 80px solid transparent;
border-bottom: 80px solid transparent;
border-right:...
20915 просмотров
schedule
24.03.2023