From 0672ba07400670a9419d25a4edbabe446c10b8ae Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Thu, 10 Oct 2024 23:02:59 -0700 Subject: [PATCH] Add a .img--circular class that makes a circular image with clip-path and shape-outside --- assets/css/050_images.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 assets/css/050_images.css diff --git a/assets/css/050_images.css b/assets/css/050_images.css new file mode 100644 index 0000000..31295b2 --- /dev/null +++ b/assets/css/050_images.css @@ -0,0 +1,14 @@ + + + + + +/********* + * IMAGES + *********/ + +.img--circular { + shape-outside: circle(50%); + -webkit-clip-path: circle(50%); + clip-path: circle(50%); +}