css颜色

1 概述 1.1 前言 使用一个或多个图像相关的CSS属性（background-blend-mode, mix-blend-mode, or filter）可以实现许多特殊的图片显示效果。本文转载自Bennett Feely的个人网站，文中共列举了20种图片显示效果。 详细代码及英文原文请访问 Bennett Feely的主页 。 2 效果列表 2.1 铅笔画效果 效果示例 SCSS代码 .pencil-effect { $url : url(photo.jpg); background-image: $url; background-size: cover; background-position: center; @supports (filter: invert(1)) and (background-blend-mode: difference) { background-image: $url, $url; background-blend-mode: difference; background-position: calc(50% - 1px) calc(50% - 1px), calc(50% + 1px) calc(50% + 1px); filter: brightness(2) invert(1) grayscale(1); box-shadow:

翻译自： https://github.com/dojo/framework/blob/master/docs/en/styling/supplemental.md Dojo 中的样式和主题 Dojo 部件最适合作为简单的组件，每个组件处理单一职责。它们应该尽可能的封装和模块化，以提高可重用性，同时避免与应用程序使用的其他组件出现冲突。 可以使用常规的 CSS 为部件设置样式，但是为了达到封装和复用的目标，每个部件应该维护各自的 CSS 模块（CSS module），该模块与部件的源代码存放在各自的文件中。这样就可以独立地设置各部件的样式，而不会与应用程序其他地方使用的类名冲突。 Dojo 界定出以下几类样式，每一类都代表了企业 web 应用程序中的样式需关注的不同方面和粒度： 未主题化的部件样式 ( 粒度： 单个部件) 部件所需的最小样式，不打算被主题覆盖。当渲染时，部件直接从导入的 CSS 模块中引用这些样式类。 主题化的部件样式 ( 粒度： 单个部件) 可以被主题覆盖的部件样式。部件使用 theme 中间件中的 theme.classes(css) API，传入需要主题化的 CSS，并在渲染时使用返回的类名。部件的使用者可以按需覆写部分或所有类。 应用于多个部件的样式 ( 粒度: 应用程序范围) 应用于多个部件的样式，这些部件既可以是不同类型的部件，也可以是单个部件的多个实例

/*改变滚动条*/ #scroll { scrollbar-arrow-color: #f4ae21; /**/ /*三角箭头的颜色*/ scrollbar-face-color: #333; /**/ /*立体滚动条的颜色*/ scrollbar-3dlight-color: #666; /**/ /*立体滚动条亮边的颜色*/ scrollbar-highlight-color: #666; /**/ /*滚动条空白部分的颜色*/ scrollbar-shadow-color: #999; /**/ /*立体滚动条阴影的颜色*/ scrollbar-darkshadow-color: #666; /**/ /*立体滚动条强阴影的颜色*/ scrollbar-track-color: #666; /**/ /*立体滚动条背景颜色*/ scrollbar-base-color: #f8f8f8; /**/ /*滚动条的基本颜色*/ overflow: auto; margin-bottom: 20px; } #scroll::-webkit-scrollbar { /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/ width: 10px; height: 10px; } #scroll::