Rounded Corners and Shadows for Images using CSS
Here are some unique border styles that you can apply to blogger images by using the border-radius property and defining either all four corners
simultaneously or applying the rounded border only to some of them.
One of the advantages of CSS3 is that we can apply rounded borders without complicating things too much and one of the options would be to use these edges or borders to images in the blog posts, to which we can also add some hover effects such as shading and rounded borders accompanied by transitions.
Note: if you need more info about how to add rounded corners on images, follow these links:
- CSS Basics. How to Apply Rounded Corners On Images #1
- CSS Basics. How to Apply Rounded Corners On Images #2
Below are a few examples of these borders and how the images behave when you hover over them.
If you want to use one of these styles, just copy the code below the image, then go to Template , click on the Edit HTML button and paste that code before ]]></b:skin> (CTRL +…
