CSS: Day 53

Text forming a circle shape and wrapping to a circle
Text forming a circle shape and wrapping to a circle
&__shape {
height: 10rem;
width: 10rem;
background: darkgray;
shape-outside: circle(50%);
clip-path: circle(50%);
float: left;
transform: translateX(-2rem);
}

--

--

--

Road to dev

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to customize the macOS Mail toolbar

How to use ipywidgets, interactive as used in the project

Best practice for using Jira fields (Part 1/2)

Count the number of times a person appears online on WhatsApp

My First Open Source Contribution

The Pros and Cons of No Code Development

Quick Tip — How to make a TextView bold or italic ?

How to Setup Burp Suite Professional with Jenkins.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chanak Karki

Chanak Karki

Road to dev

More from Medium

Editing Concept: Convert Figma/Sketch to HTML & CSS in pxCode

CSS: what is the difference between rem, em, px, & vw/vh units

How to Code Your Own Dino-Game:

SETTING UP A SIMPLE BUILD PROCESS IN CSS WITH NPM SCRIPTS