Выпуклый блок

M

MadChild

Постоялец
Регистрация
23 Янв 2013
Сообщения
73
Реакции
7
Всем привет. Подскажите плиз, как нибудь можно сверстать такой блок с помощью CSS3
Как сделать с помощью картинки знаю, но может на css3 есть какое нибудь решение?!)
Спасибо
 

Вложения

  • duga.jpg
    duga.jpg
    10,1 KB · Просмотры: 52
MadChild написал(а):
Всем привет. Подскажите плиз, как нибудь можно сверстать такой блок с помощью CSS3
Нажмите для раскрытия...
Если ширина фиксированная
Код: 
<html>
<style type='text/css'>
#duga {
border:2px #910 solid;
background-color:#FFF;
height:200px;
width:600px;

border-top-left-radius: 500px 90px;
border-top-right-radius: 500px 90px;

}
</style>
<body>
<div id="duga"></div>
</body>
</html>
Как на картинке не получится, но дугу изобразить можно. :)
 
Все хорошо, но вот как сделать что бы блок :before был ЗА основным. z-index не срабатывает((
 
MadChild написал(а):
Все хорошо, но вот как сделать что бы блок :before был ЗА основным. z-index не срабатывает((
Нажмите для раскрытия...
что-то вопрос совсем непонятен. В коде есть всего один блок и для него используется псевдоэлемент. Может сможете нарисовать, как это должно выглядеть?
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху