Tips : Favicons Link

LukyVj

• 8830
• 21
• 1

I wanted to make a creation based on this article on CSS Tricks. So as you can see, it's a little technique to insert a favicon next to links using only CSS. The trick is to use Google's Favicon Service, and add the domain of the site you want on the url, to see the favicon.

For example:

http://www.google.com/s2/u/0/favicons?domain=google.com will show :

So , look at the css part, and see that which links are target with the

a[href*="url.com"]{ rules...}

and this allow you to load all favicon you want, without any request on your server !

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room