CSS: Flexible Repeating SVG Masks
A CSS technique for using SVG as repeating masks.
Font size controlled icon
Setting an icon's width and height allows you to set it's contextual size with font-size, which can be very handy if you've got a mix of icon fonts and...
The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using
Styling SVG Content with CSS
An in-depth article on how to style the contents of the SVG element and overcome some challenges it brings.
How to create SVG animations with CSS
Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.
Using SVG | CSS-Tricks
SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SV
Background Image Shapes | CSS-Tricks
The following is a guest post by Joe Markevicius. Joe had a particular design he needed to implement...