Skip to content

fluidcss/Chameleon

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

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 file to your sites folder.
  2. Link to the .css file in your sites header.
  3. Add the class 'color-back' to "body" or the div if the background is a color.
  4. Remember "a:hover" must be after all selectors.
  5. Type a link and see the awesomeness at work.
  6. 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

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • CSS 56.2%
  • HTML 43.4%
  • Shell 0.4%