![]() contain: Resizes the image to the maximum size that can fit into the viewport without cropping.īackground-size: is often combined with background-position: center, which centers the image in the viewport and with background-repeat: no-repeat, which ensures a once-only display. As you can see, the cards design is suitable for profile blogs, which can show you the short description of this person, his or her picture in the circle and. For example, suppose you only want to draw a circular shape and have content float on its side like the shape in the image below, you’d first have to declare the circular shape on the element (again, remember to float the element and give it a height and width).cover: Resizes the image to cover the viewport, sometimes necessitating stretching or cropping.If you set a different width and height we will get an oval instead. If we set it to 50 it will create a circle. This will create curved corners on the element. ![]()
0 Comments
Leave a Reply. |