Best of SVGDecember 2022

  1. 1
    Article
    Avatar of communityCommunity Picks·3y

    Tools for SVG - SVG: Scalable Vector Graphics

    Inkscape offers state-of-the-art vector drawing, and it's open source. Apache Batik is a set of open source tools under the roof of the Apache Software Foundation. ImageMagick is one of the most famous command-line image processing tools. Snap.svg is designed for modern browsers and therefore supports the newest.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Modifying an SVG path with CSS

    Modifying an SVG path with CSS with CSS is only supported in Chromium browsers. We can modify the path there. In my instance, I changed it to become the opposite angle of the curve. I also added a transition effect on the path so it will animate smoothly. And now we're able to hover it and see the path change.

  3. 3
    Article
    Avatar of logrocketLogRocket·3y

    Masking images in CSS with the mask-image property

    Masking is a photo editing technique used to edit parts of an image. The CSS property is a shorthand for several other properties. The property sets the area that’s affected by the mask. There are three ways you can use the CSS property: the mask can be an image, gradient, or SVG.

  4. 4
    Article
    Avatar of phProduct Hunt·3y

    SVG Mesh Gradient Generator - Create unique customizable SVG gradients with MagicPattern

    See what makers are currently building Collections Products curated by the community Time travel. Find support and connect Stories Tech news, interviews and tips from Makers Changelog Release notes from the Product Hunt team Office hours Give feedback directly to our product team Visit streaks The most active community members Tools Founder Club Amazing deals to kickstart your startup Launch Guide Checklists and pro tips.