CSS

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

November 27, 2016
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