W3C home > Mailing lists > Public > www-style@w3.org > April 2020

Re: CSS circular image

From: Gérard Talbot <www-style@gtalbot.org>
Date: Mon, 13 Apr 2020 21:52:13 -0400
To: Negoita Ionut <johnny.php@gmail.com>
Cc: W3C www-style mailing list <www-style@w3.org>
Message-ID: <c14efe0848d0f582eeb935e77df1a913@gtalbot.org>
> (...) how to do circle images with CSS (presenting an image
> in a circular shape)
(...)
> So far, I've document 3 main methods with some variations detailed 
> here http://www.coding-dude.com/wp/css/css-circle-image/

> Method #1 – Wrapping the image in another element that has 
> a border-radius of 50%

Inside a block box and without 'object-fit: cover':

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/border-radius-pct-011.html

Gérard
Received on Tuesday, 14 April 2020 01:52:35 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:15 UTC