CSS3 Filter Effects
image & PS effect
https://api-platform.com#COMPANIES
grayscale / 灰阶
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale
.filter {
filter: grayscale(0);
filter: grayscale(0.20);
filter: grayscale(60%);
filter: grayscale(1);
}
CSS filter
https://developer.mozilla.org/en-US/docs/Web/CSS/filter
/* URL to SVG filter */
filter: url("filters.svg#filter-id");
/* <filter-function> values */
filter: blur(5px);
filter: brightness(0.4);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(50%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(30%);
filter: sepia(60%);
/* Multiple filters */
filter: contrast(175%) brightness(3%);
/* Use no filter */
filter: none;
/* Global values */
filter: inherit;
filter: initial;
filter: unset;
refs
https://css-tricks.com/almanac/properties/f/filter/
https://www.sitepoint.com/css-filter-effects-blur-grayscale-brightness-and-more-in-css/
https://stackoverflow.com/questions/609273/convert-an-image-to-grayscale-in-html-css
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！