This is a really cool hover effect that uses a triangular shape. The shape is made up of a triangle using borders and this tutorial will show you how to achieve the same effect using SVG and\u00a0Snap.svg.<\/p>\n

<\/p>\n

In this article you\u2019re going to explore several techniques that can be used to create textured text or apply a background to text.<\/p>\n

<\/p>\n

Here you’ll find\u00a0some ideas for creative loading effects.\u00a0The idea is to indicate that something is happening in a stylish way without creating too much distraction for the user.<\/p>\n

<\/p>\n

Learn\u00a0how to mask images with shapes plus some nifty zoom animation effects with just HTML & CSS in this cool article!<\/p>\n

<\/p>\n

Learn how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items. For some of the effects you will use 3D transforms.<\/p>\n

<\/p>\n

This is a useful little Twitter widget \/ profile box for your next design. This includes a space for your profile image, username, follower\/tweet details. Simple to code up and drop into your next site design!<\/p>\n

\u00a0<\/h2>\n

Learn\u00a0how to leverage the CSS clip property to make a smooth transition when clicking on a box element. The idea is to show some kind of overlay as if it\u2019s actually underneath the respective element.<\/p>\n

<\/p>\n

Here’s a\u00a0unique, colourful and funky set of social media \u201ctabs\u201d to adorn the sidebar of your next design. Both PSD and coded in CSS are provided!<\/p>\n

<\/p>\n

Here’s\u00a0a lovely Metro-style twitter feed. Containing various states for different tweets, links, and timing. A really wonderful little widget!<\/p>\n

<\/p>\n

CSSmatic\u00a0is a non-profit project, made by developers for developers.\u00a0CSSmatic is a new, simple and intuitive way of editing and tunning CSS properties.<\/p>\n

<\/p>\n

Here’s a collection of creative page transitions. You’ll get a couple of animations that could be applied to \u201cpages\u201d for creating interesting navigation effects when revealing a new page.<\/p>\n

<\/p>\n

This is an\u00a0\u00a0experiment with animations and transitions on pseudo-elements (:before and :after). This tutorial is mainly about\u00a0animating pseudo-elements.<\/p>\n

<\/p>\n

When working with 3D transformed elements, you might notice that they don\u2019t have any shading and appear to be very flat. In this tutorial you’ll learn how to create realistic shadows for 3D elements.<\/p>\n

<\/p>\n

Here are some separator styles you can use and learn some new techniques for creating them, in this cool tutorial!<\/p>\n

<\/p>\n

Here are some simple loading spinners animated with CSS.\u00a0SpinKit uses CSS animations to create smooth and easily customizable animations.<\/p>\n

<\/p>\n