Community Picks·3yTools 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.
Community Picks·3yModifying 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.
LogRocket·3yMasking 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.
Product Hunt·3ySVG 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.