практикуюсь в CSS3 хотел сделать кнопку с тенью и не получилось(кнопка есть но без тени)вот код:.button { display: block; margin: 20px; width: 100px; height: 100px; background: url(http://wallpapera.ru/images/trueimg/originals/13/AB0565D561A8-13.jpg); cursor: pointer; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;box-shadow: 0 3px 20px rgba(0,0,0.25),inset 0 2px 0 rgba(255,255,255,.6), 0 2px 0rgba(0,0,0,.1) inset 0,0,20px rgba(0,0,0,.1);}
Анон, не мучай жопу, есть кнопкогенератор.Там тебе и тень и плетень и цвет и звук.http://www.bestcssbuttongenerator.com/#/1
.anonLaButton { -moz-box-shadow: 3px 4px 7px 0px #ab16ab; -webkit-box-shadow: 3px 4px 7px 0px #ab16ab; box-shadow: 3px 4px 7px 0px #ab16ab; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b47aff), color-stop(1, #e339d8)); background:-moz-linear-gradient(top, #b47aff 5%, #e339d8 100%); background:-webkit-linear-gradient(top, #b47aff 5%, #e339d8 100%); background:-o-linear-gradient(top, #b47aff 5%, #e339d8 100%); background:-ms-linear-gradient(top, #b47aff 5%, #e339d8 100%); background:linear-gradient(to bottom, #b47aff 5%, #e339d8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b47aff', endColorstr='#e339d8',GradientType=0); background-color:#b47aff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #8e34c2; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; font-weight:bold; padding:12px 44px; text-decoration:none; text-shadow:0px 1px 0px #9654cc;}.anonLaButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e339d8), color-stop(1, #b47aff)); background:-moz-linear-gradient(top, #e339d8 5%, #b47aff 100%); background:-webkit-linear-gradient(top, #e339d8 5%, #b47aff 100%); background:-o-linear-gradient(top, #e339d8 5%, #b47aff 100%); background:-ms-linear-gradient(top, #e339d8 5%, #b47aff 100%); background:linear-gradient(to bottom, #e339d8 5%, #b47aff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e339d8', endColorstr='#b47aff',GradientType=0); background-color:#e339d8;}.anonLaButton:active { position:relative; top:1px;}
<a href="#" class="anonLaButton">blue</a>