Anidan Design » CSS

Change the style of selected text

dani — Tue, 14 Jul 2009 10:30:31 +0000

I recently learned this neat little css snippet that allows you to style selected text (this only works in Firefox… but really… what else matters? )

Just put the following code somewhere into your stylesheet making sure to change the background and color to match your own design! For an example of this code in action just select some of the text here on my site

*::-moz-selection { background: #000 none repeat scroll 0 0; color: #fff; }

Update!

This same effect can be used in Safari as well by including the following code:

::selection { background: #000 none repeat scroll 0 0; color: #fff; }

Thanks to Andrew Houle of myinkblog.com for that tip !

8 fonts you probably don’t use in css, but should

dani — Fri, 16 May 2008 09:31:40 +0000

Great reminder! I myself am totally guilty of using just a select few "typical" fonts such as arial and Georgia. This article is an excellent reminder of those "forgotten" fonts! Thank you 3.7crea.tv! (Spend some time at this site, excellent css articles and I LOVE the site design!)

View full article –> » 8 fonts you probably don’t use in css, but should

CSS Text Wrapper

dani — Sun, 27 Jan 2008 04:52:54 +0000

Have you ever wanted to wrap text around an unconventional shape?

Check out this new tool from the Idea Shower that allows you to do just that.

CSS Text Wrapper

“The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.”

CSS Gradient Text Effect

dani — Mon, 21 Jan 2008 13:38:32 +0000

Check out this cool new trick by Web Designer’s Wall that creates fancy gradient headings using CSS.

CSS Gradient Text Effect