π CSS: border-radius
Explained with Classic Illustrations
Explained with Classic Illustrations
π Table of Contents
β Introduction
β How to specify?
β.β One/Two/Three/Four Values
β.β Percentage Value
β.β Horizontal and Vertical Radius
β Other Related Properties
β Shapes using border-radius
β Conclusion
β Introduction
β How to specify?
β.β One/Two/Three/Four Values
β.β Percentage Value
β.β Horizontal and Vertical Radius
β Other Related Properties
β Shapes using border-radius
β Conclusion
β Introduction
β How to specify?
β.β One/Two/Three/Four Values
β.β Percentage Value
β.β Horizontal and Vertical Radius
β Other Related Properties
border-radius is the shorthand property for 4 other CSS properties.
β± border-top-left-radius
β° border-top-right-radius
β² border-bottom-right-radius
β³ border-bottom-left-radius
border-radius is the shorthand property for 4 other CSS properties.
β± border-top-left-radius
β° border-top-right-radius
β² border-bottom-right-radius
β³ border-bottom-left-radius
β Shapes using border-radius
A lot of different types of shapes can be made in CSS using border-radius property.
βͺ Circle
βͺ Ellipse
βͺ Blobs
Let's draw.
A lot of different types of shapes can be made in CSS using border-radius property.
βͺ Circle
βͺ Ellipse
βͺ Blobs
Let's draw.
β Conclusion
β οΈ Repost β οΈ
β¬ This is an original work and, was posted in Twitter previously in July 2021.
β¬ I had ~100 followers that time. And, this gave me recognition.
β¬ I have reposted it during November, 2021
β¬ If you liked these works, feel others might learn from it, do support.
β¬ This is an original work and, was posted in Twitter previously in July 2021.
β¬ I had ~100 followers that time. And, this gave me recognition.
β¬ I have reposted it during November, 2021
β¬ If you liked these works, feel others might learn from it, do support.
End of π§΅
If you are interested in learning through illustrations, I am making a bunch on topics of HTML, CSS, JavaScript, SQL, DSA. To never miss any, follow me {@swapnakpanda}
Till we meet again, π
If you are interested in learning through illustrations, I am making a bunch on topics of HTML, CSS, JavaScript, SQL, DSA. To never miss any, follow me {@swapnakpanda}
Till we meet again, π
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
