[CSS] How to Use CSS To Add Stroke Around Text

With some of the new graphical features you see in CSS3 it can start to add more and more effects to your HTML elements the same way you used to have to use photoshop to do.

Things like box shadow and color gradients are now so easy to do in CSS that you don't even need photoshop anymore. Here is another CSS property that you might not realise existed but it's another effect you would normally do in Photoshop and that's adding a stroke around text, just by using the CSS property text-stroke.

Currently this property is only supported on webkit so it will only work on Chrome or Safari, and you can only use it by prefixing the property with -webkit-.

Full Post : Use CSS To Add Stroke Around Text

Read More

[CSS] How to create CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.

n today’s tutorial we’ll experiment with hover effects on circles. Since we have the border radius property, we can create circular shapes and they have been appearing more often as design elements in websites. One use that I especially enjoy seeing is the circular thumbnail which just looks so much more interesting than the usual rectangular. And because the circle is such a special shape, we are going to create some special hover effects for it!

The Full Post : CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

Read More