Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
0 / 0 / 0
Регистрация: 31.10.2016
Сообщений: 74
1

геометрические фигуры на css

16.06.2017, 00:05. Показов 1568. Ответов 1
Метки нет (Все метки)

Здравствуйте!
Помогите решить задачу.
Есть фигура (в приложении) как ее сделать с помощью css, не используя изображение?
получается не то, что нужно. Фигура есть, но задавать ей отступ слева, это совсем не то, чем хотелось бы ее выстраивать, может быть можно обойтись другими способами?

HTML5
1
2
3
4
5
<div class="economBox"> 
  <div class="econom accord">
    <span class="arrow"></span>
  </div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.economBox {
    position: relative;
}
.econom {
    width:1104px; 
    height:120px; 
    background:#e5e5e5; 
    position:relative; 
    cursor: pointer;
}
.arrow {
    position: absolute;
    left: 1104px;
    border-top: 60px solid transparent;
    border-left: 40px solid #e5e5e5;
    border-bottom: 60px solid transparent;
}
Миниатюры
геометрические фигуры на css  
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
16.06.2017, 00:05
Ответы с готовыми решениями:

Фигуры в css
Подскажите пожалуйста.. В css создана фигура-кнопка в виде трапеции: button.parallelogram...

Реализация фигуры в Css
Всем хеллоу! Как на СSS реализовать фигуру, которая снизу на картинке. Пропорции можно не...

Реализация фигуры многоугольника на CSS
Скажите,как сделать такую фигуру через css

CSS фигуры как фон
Друзья! подскажите пожалуйста, есть фон для сайта, стоит его сделать фигуры на CSS , есть ли какие...

1
34 / 34 / 14
Регистрация: 10.06.2015
Сообщений: 57
16.06.2017, 11:28 2
Цитата Сообщение от shmdarya Посмотреть сообщение
Фигура есть, но задавать ей отступ слева, это совсем не то, чем хотелось бы ее выстраивать, может быть можно обойтись другими способами?
Логичнее задать вообще то right
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.economBox {
    position: relative;
}
.econom {
    width:1104px; 
    height:120px; 
    background:#e5e5e5; 
    position:relative; 
    cursor: pointer;
}
.arrow {
    position: absolute;
    right: -40px;
    border-top: 60px solid transparent;
    border-left: 40px solid #e5e5e5;
    border-bottom: 60px solid transparent;
}
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.06.2017, 11:28

Фон с использованием геометрической фигуры CSS
Всем привет! Подскажите плз как правильно делают такие фоны как на картинке? Внутри белого фона...

Нет нормального отображения фигуры css
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf&quot;/&gt; &lt;style...

Градиенты, размытия и сложные фигуры на css
Доброго времени суток! В общем есть такой шаблон (Прикрепил 5 метров). Прежде всего...

Геометрические фигуры
Создать классы. Предметная область: геометрические фигуры. Надо на С++ Builder 6. У кого какие...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru