I recently started learning the basics of CSS3 features that you can use to create tiny animations.One of the simple css3 technique that many websites use on their comment section is to display the user’s photo in a circle. To create an image cricle in CSS you have to change the border radius property Take a sample image and create a class for it. HTML 123<div class="avatar"> <img src="http://devlup.com/wp-content/uploads/2013/07/images.jpg"/> </div> CSS 12345.avatar img{ height:200px; width:200px; border-radius:250px; } Result Border-radius property is used to created rounded corners for objects.Increasing the rounded corners to higher values creates the circle.Try reducing the value then you can see the rounded rectangle. Before setting the border-radius the image width and height has
The post Creating Image Circles using CSS appeared first on Devlup.