【CSS】CSSイメージフィルタFILTERS.CSS

FILTERS.CSSは画像フィルタ、パターン、カラーブレンドを使いやすくしたCSSイメージフィルタ。

Filters.css for background images

CSS

#someName {
background: url('https://s3.amazonaws.com/ooomf-com-files/pHyYeNZMRFOIRpYeW7X3_manacloseup%20copy.jpg');
position: relative;
display: block;
z-index: 1;
}
#someName:after {
content: '';
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
position: absolute;
background: url('https://s3.amazonaws.com/ooomf-com-files/pHyYeNZMRFOIRpYeW7X3_manacloseup%20copy.jpg');
}

Filters.css for img tags

HTML

<img id="someOtherName" class="tint" src="someSource.jpg">

MIT

 
FILTERS.CSS

【CSS】CSSイメージフィルタFILTERS.CSS

  • LATEST
  • RELATED
  • POPULAR