Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Merge pull request #11 from twitter/benweissmann-grayscale-gh-pages

CSS grayscale filters on images on the website
  • Loading branch information...
commit fb0b9f0c8e21ea99c3269265274ae4f69c2e166f 2 parents 2f850fb + bb3b637
@echen echen authored
Showing with 30 additions and 1 deletion.
  1. +30 −1 css/styles.css
View
31 css/styles.css
@@ -51,6 +51,34 @@ body > .container {
.thumbnail img {
border-radius: 3px;
+ filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
+ filter: gray; /* IE6-9 */
+ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
+ transition: filter 0.5s;
+ -webkit-transition: -webkit-filter 0.5s;
+}
+
+.thumbnail:hover img {
+ filter: none;
+ -webkit-filter: grayscale(0);
+}
+
+a.thumbnail {
+ transition: border-color 0.5s;
+ -webkit-transition: border-color 0.5s;
+}
+
+a {
+ color: black;
+ text-decoration: underline;
+}
+
+a.btn, a.brand {
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: none;
}
.section-header {
@@ -140,4 +168,5 @@ body > .container {
color: black;
}
-}
+}
+
Please sign in to comment.
Something went wrong with that request. Please try again.