Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/11/2013, 06:02
adrian_hm13
 
Fecha de Ingreso: mayo-2013
Mensajes: 47
Antigüedad: 11 años, 7 meses
Puntos: 2
Problema imagen más border-radius

Buenas a todos, he intentado aplicarle a un .png las propiedades de border-radius con el shadow etc, pero a la hora de aplicarselo, ésta desaparece, cuando quito las propiedades de radius y shadow, aparece de nuevo.

Dejo el CSS:

Código CSS:
Ver original
  1. .cajaleft {
  2.     width:175px;
  3.     height:300px;
  4.     float:left;
  5.     background:url(../images/foto.png)
  6. -moz-border-radius: 25px 0px 0px 25px;
  7. -webkit-border-radius: 25px 0px 0px 25px;
  8. border-radius: 25px 0px 0px 25px;
  9. -moz-box-shadow: 0px 0px 30px #1a3038;
  10. -webkit-box-shadow: 0px 0px 30px #1a3038;
  11. box-shadow: 0px 0px 30px #1a3038;
  12. filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d4d4d4', endColorstr = '#e8e8e8');
  13. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d4d4d4', endColorstr = '#e8e8e8')";
  14. background-image: -moz-linear-gradient(left, #d4d4d4, #e8e8e8);
  15. background-image: -ms-linear-gradient(left, #d4d4d4, #e8e8e8);
  16. background-image: -o-linear-gradient(left, #d4d4d4, #e8e8e8);
  17. background-image: -webkit-gradient(linear, left top, right top, from(#d4d4d4), to(#e8e8e8));
  18. background-image: -webkit-linear-gradient(left, #d4d4d4, #e8e8e8);
  19. background-image: linear-gradient(left, #d4d4d4, #e8e8e8);
  20. }