Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
15 / 15 / 7
Регистрация: 12.04.2014
Сообщений: 101
1

Как сделать такую фигуру с тенями?

19.09.2015, 18:06. Показов 1373. Ответов 7
Метки нет (Все метки)

Как при помощи CSS сделать такой треугольник с тенями вместе с остальной частью, на которой тоже есть тень?
Изображения
 
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.09.2015, 18:06
Ответы с готовыми решениями:

Как сделать вот такую фигуру на CSS?
Пробовал с border-radius: 999px 0 0 0; но у меня вечно какие то 70px прямая линия остаётся, а нужно...

Как нарисовать такую фигуру?
Приветствую. Есть автокад 2014. Надо нарисовать объект как на картинке, средняя линия 60 см, и...

Как нарисовать такую фигуру?
Как нарисовать вот такую фигуру или типо такой главное код нужен хоть прямоугольник. Пожалуйста...

Как нарисовать такую фигуру
Во вложение вкинул файл, никак не могу додуматься как такое нарисовать, заранее спасибо

7
87 / 86 / 27
Регистрация: 04.10.2012
Сообщений: 346
19.09.2015, 18:20 2
Если CSS3, то clip-path и box-shadow. Но для совместимости я сделал бы с помощью <svg>.
0
15 / 15 / 7
Регистрация: 12.04.2014
Сообщений: 101
19.09.2015, 18:57  [ТС] 3
mytilus, я попытался с помощью этого генератора http://cssplant.com/clip-path-generator сделать похожую фигуру, но почему-то она не выводится. Не подскажете, в чем ошибка? http://codepen.io/xDanbo/pen/xwOKWw

А постойте-ка, надо же еще сам div добавить.

Добавил, но видно только половину фигуры.
0
285 / 172 / 86
Регистрация: 19.04.2014
Сообщений: 1,095
19.09.2015, 19:21 4
Цитата Сообщение от xDanbo Посмотреть сообщение
Добавил, но видно только половину фигуры.
Как нарисовали так и видно
0
15 / 15 / 7
Регистрация: 12.04.2014
Сообщений: 101
19.09.2015, 19:24  [ТС] 5
Sn1p3rOk, в генераторе это выглядит так:
Миниатюры
Как сделать такую фигуру с тенями?  
0
285 / 172 / 86
Регистрация: 19.04.2014
Сообщений: 1,095
19.09.2015, 19:35 6
Цитата Сообщение от xDanbo Посмотреть сообщение
в генераторе это выглядит так:
Ну я вот без генератора нарисовал и получилось все http://codepen.io/anon/pen/xwOKQV
HTML5
1
2
3
<svg height="210" width="500">
  <polygon points="10 10, 10 100, 75 150, 150 100, 150 10" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
0
15 / 15 / 7
Регистрация: 12.04.2014
Сообщений: 101
19.09.2015, 19:38  [ТС] 7
Sn1p3rOk, через clip-path и я нарисовал, но только в живом проекте его не применишь, нужна совместимость со всеми браузерами. Как это через SVG реализовать?
0
285 / 172 / 86
Регистрация: 19.04.2014
Сообщений: 1,095
19.09.2015, 23:07 8
Лучший ответ Сообщение было отмечено xDanbo как решение

Решение

Цитата Сообщение от xDanbo Посмотреть сообщение
Как это через SVG реализовать?
Например так http://codepen.io/anon/pen/xwOKQV
HTML5
1
2
3
<svg height="210" width="500">
  <polygon points="10 10, 10 100, 75 150, 150 100, 150 10" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>
1
19.09.2015, 23:07
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.09.2015, 23:07

Как изобразить такую фигуру
Друзья очень нужна помощь компетентных людей. На вложенном рисунке приведен пример того что нужно...

Как нарисовать такую фигуру?
Здравствуйте. Как нарисовать фигуру, наподобие такой? Интересует именно отрисовка неровной части...

Подскажите как можно сверстать такую фигуру через CSS
Подскажите как можно сверстать такую фигуру через CSS

Как сделать такую форму
Помогите нарисовать вот такую форму на HTML. Начал изучать HTML и PHP. Есть небольшой опыт работы...


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

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

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