Skip to content

Instantly share code, notes, and snippets.

@dennyweiss
Created May 5, 2014 18:45
Show Gist options
  • Save dennyweiss/11544427 to your computer and use it in GitHub Desktop.
Save dennyweiss/11544427 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="box grayscale" data-label="Gray"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://kununu.github.io/gray/js/jquery.gray.js"></script>
// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----
@import "http://kununu.github.io/gray/css/gray.css"
.box
background-image: url(http://stanford-guitars.com/wp-content/themes/elbworx-starter/assets/img/frontpage/durango-series-bg-image-hover.jpg?1398150271)
background-size: cover
background-position: center
display: inline-block
width: 400px
height: 400px
.grayscale:hover
-webkit-filter: grayscale(0%)
filter: none
@import url(http://kununu.github.io/gray/css/gray.css);
.box {
background-image: url(http://stanford-guitars.com/wp-content/themes/elbworx-starter/assets/img/frontpage/durango-series-bg-image-hover.jpg?1398150271);
background-size: cover;
background-position: center;
display: inline-block;
width: 400px;
height: 400px;
}
.grayscale:hover {
-webkit-filter: grayscale(0%);
filter: none;
}
<div class="box grayscale" data-label="Gray"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://kununu.github.io/gray/js/jquery.gray.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment