- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем доброго вечера. Имеется такая конструкция:
<p style="text-align: center;"><span style="font-size: 26pt;"><a class="class_2" href="ссылка"><span style="font-family: museo300;">Блог</span></a></span></p>
.class_2 {
font-size: 28px !important;
padding:20px 40px 20px 40px;
border: 1px solid transparent;
border-image: linear-gradient(#47C3C3 , #374069);
-moz-border-image: -moz-linear-gradient(#47C3C3 , #374069);
-webkit-border-image: -webkit-linear-gradient(#47C3C3 , #374069);
border-image-slice: 1;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
Как закруглить края? Border-radius не работает.
display: block;
может добавить?
display: block; может добавить?
Не заработало.
https://stackoverflow.com/questions/5706963/possible-to-use-border-radius-together-with-a-border-image-which-has-a-gradient
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
Если все края одинаковы, не надо писать 4 раза одно и то же.
Так достаточно будет:
Сокращайте коды. ;)
Geers, да и браузер-специфичные префиксы уже тут не нужны.
Geers,
Там и поля можно подсократить
padding:20px 40px;
Geers,
Там и поля можно подсократить
padding:20px 40px;
Ага, не обратил внимание) ;)
Geers, задачу это не решает :)
Сначала и был короткий код, потом погуглил, нашел генераторы бордер-радиуса, вот этот генератор и выдал такой код (вдруг заработает).
https://stackoverflow.com/questions/5706963/possible-to-use-border-radius-together-with-a-border-image-which-has-a-gradient
Там по ссылке ниже решение есть.
надо дружить radius и border-image, выше ссылка на пример реализации