This pen still is under construction... but works.
A Pen by Jordano Aragão on CodePen.
This pen still is under construction... but works.
A Pen by Jordano Aragão on CodePen.
(function(root, name, make) { | |
if (typeof module != 'undefined' && module['exports']) module['exports'] = make(); | |
else root[name] = make(); | |
}(this, 'breakpoint', function() { | |
/** | |
* @link http://gist.github.com/ryanve/7924792 | |
* @param {string} feature range feature name e.g. "width" | |
* @param {string=} unit CSS unit for feature e.g. "em" | |
* @param {number=} init initial guess |
element img { | |
filter: alpha(opacity=100); | |
opacity: 1.0; | |
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ | |
filter: gray; /* IE6-9 */ | |
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ | |
} | |
element img:hover, element img:focus { | |
filter: alpha(opacity=100); | |
opacity: 1.0; |
/** | |
* CSS3 Isometric Text Demo v2 | |
*/ | |
@font-face { | |
font-family: 'LeagueGothicRegular'; | |
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot'); | |
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot?iefix') format('eot'), | |
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.woff') format('woff'), | |
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.ttf') format('truetype'), |