.round { object-fit: cover; // prevent image from stretching object-position: 0% 25%; // move the crop around, [left/right] [up/down] aspect-ratio: 1/1; // crops to a square border-radius: 50%; // round corners width: 17em; // size of image }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter