Помогите сверстать

SocMaster

Профессор
Регистрация
26 Июл 2011
Сообщения
211
Реакции
49
Для просмотра ссылки Войди или Зарегистрируйся помогите сверстать "плашку" заднюю что на фоне сообщения. что то никак не выходит :facepalm:
 
Делате border для div, а потом для того же div используете :before в котором добавляете картинку той "плашки" и все пучком )
 
Для просмотра ссылки Войди или Зарегистрируйся найдете подробное описание.
Если вкратце,Для просмотра ссылки Войди или Зарегистрируйся написал верно, нужен псевдоэлемент before:
HTML:
:before{
bottom:-5px;
left:10px;
width:20px;
height:10px;
-webkit-transform:rotate(-30deg) skewX(-45deg);
-moz-transform:rotate(-30deg) skewX(-45deg);
-o-transform:rotate(-30deg) skewX(-45deg);
-ms-transform:rotate(-30deg) skewX(-45deg);
background:#efefef;
z-index:-1;
}

Далее играйтесь с градусами и расположением.
 
Назад
Сверху