Skip to content

Collection of CSS selectors that change link colors to the color of the site it's linking to

Notifications You must be signed in to change notification settings

adamschwartz/Chameleon

 
 

Repository files navigation

Chameleon

Collection of CSS selectors that change link colors to the color of the site it's linking to.

###Example: ####CSS The CSS selector targets the 'a' element with the corresponding href attribute. in this case 'github' a[href*="github"]{color: #4183c4;}

####HTML HTML stays as simple as a link can be <a href="http://example.github.com/user/project" >github</a >

###features :

  • It's awesome.
  • Hopefully works on any color background (if not just play around with text-shadow).
  • Most sites colors (worth linking to) are included.
  • Awesome hover effect just to add to the awesomeness.
  • It's fairly easy to implement.
  • Did I mention it's awesome?

###Adding it to your site :

  1. Add the chameleon.css (and optional additional-link-styles.css) file to your sites folder.
  2. Link to the .css file(s) in your sites head.
  3. Remember "a:hover" must be after all selectors.
  4. Type a link and see the awesomeness at work.
  5. Tell me what you think on twitter (@nicovanzyl).

###Demo Check out a demo here

About

Collection of CSS selectors that change link colors to the color of the site it's linking to

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 100.0%