CSS by T. Afif

• 
  CSS by T. Afif css-only.dev · May 13
  📝 New CSS Article! My first article about using shape() is live. I am officially a shape() spammer so get ready 🫣 Learn the "arc" command by creating flower-like shapes.
  
  • 
    Frontend Masters frontendmasters.com · May 13
    Creating Flower Shapes using clip-path: shape() Use the `arc` command within the `shape()` function we can draw a line that follows a circle from one point to the next, controlling the direction.
    

    Creating Flower Shapes using clip-path: shape()

    Use the `arc` command within the `shape()` function we can draw a line that follows a circle from one point to the next, controlling the direction.

    frontendmasters.com
  1

  Repost Quote post

  1

  View on BlueskyCopy Bluesky URLCopy post URLTranslate postDownload imageShow all post labels
• 
  CSS by T. Afif css-only.dev · May 12
  ⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches
  

  SVG to CSS Shape Converter

  A simple tool to transform an SVG shape into a CSS shape. Get a modern and optimized code in no time!.

  css-generators.com
  2

  Repost Quote post

  1

  View on BlueskyCopy Bluesky URLCopy post URLTranslate postShow all post labels