CSS

【CSS】CSSでフォトフィルタのようなカスタムを作成するビジュアルツールcssFilters

January 2, 2018
cssFilters

cssFiltersCSSでフォトフィルタのようなカスタムを作成するビジュアルツール

CSS

.filter {
position: relative;
-webkit-filter: contrast(110%) brightness(110%) saturate(130%);
filter: contrast(110%) brightness(110%) saturate(130%);
}
.filter::before {
content: “”;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
mix-blend-mode: screen;
background: rgba(243, 106, 188, 0.3);
}

MARKUP


MIT