@DmitriySwan

Как стилизовать эту кнопку?

Такая ситуация, в макете нету стилей для этой кнопки, то есть вставлено просто картинкой. У меня еще не особо развит "глазомер", потому кто примерно видит какие здесь стили, напишите пожалуйста. Имеется в виду градиент на бэкграунде и тень на тексте. 5a99533b15bc1427752302.png
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
FreeWolfAlex
@FreeWolfAlex
На глаз за 5 минут в генераторе CSS кнопок у меня получилось вот так
.button{
 text-decoration:none; 
 text-align:center; 
 padding:11px 32px; 
 border:none; 
  
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#ff0000; 
 background-image: -moz-linear-gradient(top, #ff0000 0%, #ba3a3a 100%); 
 background-image: -webkit-linear-gradient(top, #ff0000 0%, #ba3a3a 100%); 
 background-image: -o-linear-gradient(top, #ff0000 0%, #ba3a3a 100%); 
 background-image: -ms-linear-gradient(top, #ff0000 0% ,#ba3a3a 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba3a3a', endColorstr='#ba3a3a',GradientType=0 ); 
 background-image: linear-gradient(top, #ff0000 0% ,#ba3a3a 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 text-shadow: 0px 2px 0px #000000; 
 filter: dropshadow(color=#000000, offx=0, offy=2); }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
15 авг. 2018, в 23:38
300 руб./за проект
15 авг. 2018, в 22:39
60000 руб./за проект
15 авг. 2018, в 21:18
30000 руб./за проект