Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Сниппеты » CSS Сниппеты » Пунктирная обводка внутри блока (эффект прострочки) на CSS3

Пунктирная обводка внутри блока (эффект прострочки) на CSS3


     28.03.2013    css3, сниппет    CSS Сниппеты    6936

p {
    padding: 5px 10px;
    margin: 10px;
    background: #ff0030;
    color: #fff;
    font-size: 21px;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
    text-shadow: -1px -1px #aa3030;
}
Демо

1 комментарий

KorsarSL
Юзер

KorsarSL - 25 апреля 2014 23:27 -

а возможно изменить вывод
p { 
?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте
наверх