Articles tagged with SVG
Styling SVGs inside Image Tags
March 24, 2015
You know the trade-off. Use the img tag to display an SVG, and you get clean markup but at the cost of styling the SVG.
Continue reading...
![](https://karenmenezes.com/couch/uploads/image/code/svg-in-image-tags.jpg)
Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box
July 20, 2015
CSS' clip-path property is your ticket to shape-shifting the monotonous, boxy layouts traditionally associated with flat, responsive design. Once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values.
Published in Smashing Magazine, May 2015.
Continue reading...
![](https://karenmenezes.com/couch/uploads/image/code/smashing-clip-path.jpg)
Text Inputs with Icon and Decorative Line
August 1, 2016
The Input Icon component is greatly simplified by using background images. In this case, multiple background images, including an SVG and a linear gradient, have been used to achieve the left border on the icon.
Continue reading...
![](https://karenmenezes.com/couch/uploads/image/code/flexbox-input-icon.jpg)