25 Interesting Techniques To Use CSS & SVG Shapes

CSS and SVG Shapes are awesome because of its simplicity and the dramatic difference it can make when used properly. There are some CSS properties that change the shape of items like shape-outside that lets you wrap text that conforms to the shape of your image. So here are 25 Interesting Techniques To Use CSS & SVG Shapes to demonstrate how CSS ans SVG are used to create some cool design layouts.

21 Free Colorful Color Fonts

Color fonts are basically SVG data stored in OpenType fonts. This allows the display of multiple colors, gradients, shades and even transparency in a single glyph. Tons of us have already been using color fonts for years. We just never noticed or given it more thought. Emojis are Color Fonts and we have been using them. So in this post I`ve gathered 21 color fonts that are available for free download.

40 Awesome CSS & SVG Icon Animations

Icons are playing a major role in website designing. Designers are constantly focusing on icons, because they are very important for any website. Animation is a very powerful tool. It can be applied to almost anything including user interfaces. Together with the high quality of icons animation helps to create a seamless, positive experience from nice and easy interactions. So in this post we`ve compiled 40 Awesome CSS & SVG Icon Animations to help you and your design team find some inspiration!

25 Awesome Web Background Animation Effects

It`s already known by designers and developers that backgrounds are one of the most important aspects in the overall design and feel of a web page. Recently people have been turning to animation to add more visual interest to their website background. These animated backgrounds are great when used as a site introduction, functional hover navigation elements, and other creative ways to attract interest and draw users in. So if you are in desperate need of some inspiration for a site background, today we`d like to share 25 Awesome Web Background Animation Effects using Canvas and SVG for your inspiration.