Skip to content

fluidcss/Chameleon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chameleon

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

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

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 : Add the chameleon.css file to your sites folder. Link to the .css file in your sites header. Add the class 'color-back' to "body" or the div if the background is a color. Remember "a:hover" must be after all selectors. Type a link and see the awesomeness at work. Remember your manners and thank me (@nicovanzyl actually I would just like your feedback and what you would want to see added to chameleon).

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

0 stars

Watchers

1 watching

Forks

Packages

 
 
 

Contributors

Languages

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