Previously I wrote two tutorials on how to style the image element with CSS3 inset box-shadow and border-radius. The trick is to wrap the image with a span tag and apply the image as background-image. However, I recently ran into a problem with that trick while designing the PhotoTouch theme. The issue is that the background-image is not resizable and thus it is not a good idea to use in responsive design. Fortunately, I found a workaround to resolve this. So today I'm going to revisit this topic again.-
CSS3 Image Styles – Part 2
Previously I wrote two tutorials on how to style the image element with CSS3 inset box-shadow and border-radius. The trick is to wrap the image with a span tag and apply the image as background-image. However, I recently ran into a problem with that trick while designing the PhotoTouch theme. The issue is that the background-image is not resizable and thus it is not a good idea to use in responsive design. Fortunately, I found a workaround to resolve this. So today I'm going to revisit this topic again.
Popular Posts
-
Some people believe on paranormal and supernatural existence and some not. Both school of thoughts are here. There are many haunted place... -
NEO Prime (formally called NEO Cricket ) is a channel dedicated to sports entertainment. Launched as NEO Cricket on April 2, 2008 this c... -
Kelly Richards of Brooklyn, NY was tired of worrying all the time where the next dollar is coming from. Life seemed merely a succession of...
0 comments: