Redondear esquinas de imagenes con jQuery y CSS3

El otro día estaba tratando de aplicar a una imagen el estilo de la CSS3 border-radius y me di cuenta de que Firefox no muestra esta propiedad en las imágenes. Entonces pensé una manera de trabajar alrededor de ella - envolver el codigo con un span y con la imagen original como fondo . Gracias a Darcy Clarke por el código jQuery que hace la envoltura de forma automática dejando los bordes redondeados.

Enlaces patrocinados:



Comentarios

Verónica:
2014-01-22 17:01:20

Me gustaría saber si existe algún modo (empleando HTML5, CSS3, JavaScript - jQuery) si cabría la posibilidad de hacer efectos con las imágenes y que cuando almacene ésta, se guarde con los efectos.

Sé que en Firefox necesito tener el estilo -moz en css, por eso pregunto si existe la posibilidad de que pueda modificar el color de los píxeles o algo (me refiero algo que pueda jugar con RGB) y que por lo menos la escala de grises, el color sepia, contraste y demás puedan funcionar...

¿Alguna idea?

Es que me gustaría poder almacenar mi imagen con los efectos puestos. No que de este modo los veo, pero cuando vuelvo a la imagen me aparece ésta sin nada, como es lógico, porque el estilo CSS ya lo ha perdido...

Deje un Comentario
[Opcional]
(No se mostrará en el sitio)
[Opcional]
[Opcional]

Ultimos Comentarios

jhonydepp dijo:

excelente recurso gracias por compartirlo

monipodio dijo:

Tu pagina es un horror,... o no es compatible con Chrome, no pude ver absolutamente nada, ni código fuente ni demostrativo. ...

candy neyra dijo:

como puedo obtener el codigo para implementar

Ramesh Sampangi dijo:

Really nice post. I liked it. Keep sharing some more posts again quickly! <a href="https://aipatasala.com/courses/DS@HYD/Data-Science-Course-in-Hyderabad">Data ...

teja aswani dijo:

This is a well-written article. I read the material and found it to be extremely beneficial. Thank you for sharing this information. ...

Artificial Intelligence course in Chennai dijo:

I really enjoy every part and have bookmarked you to see the new things you post. Well done for this excellent article. Please ...

AWS Training in Hyderabad dijo:

Excellent pieces. Keep posting such kind of info on your blog. I?m really impressed by your site. <a href="https://www.kellytechno.com/Hyderabad/Course/amazon-web-services-training">AWS ...

www.amazon.com/mytv dijo:

<a href="https://sites.google.com/view/avgcomenusactivation/" rel="dofollow">avg.com/retail</a> <a ...

Brajput123 dijo:

<a href="https://www.amzoncamzon.com/"> Amazon.com mytv </a> - you merely unboxed a fresh ...