在纯CSS中混合颜色

Red+> 有什么方法可以用CSS来表达吗？嗯，不容易。Chrome有一个关于color-mix函数的建议草案，并且对它有一定的兴趣，但它似乎并不在眼前。它将是很好的原生CSS颜色混合，因为它会给设计师更大的灵活性时，与颜色。一个例子是创建单一基色的着色变体以形成一个设计调色板。但这是CSS技巧，所以让我们做一些CSS技巧。我们在CSS中有一个calc()函数来操作数字。但是我们很少有方法直接操作颜色，即使某些颜色格式（例如hsl()和rgb()）是基于数值的。在动画中混合颜色，我们也可以在CSS中从一种颜色转换到另一种颜色。工作原理： div {background: blue;transition: 0.2s;}div:hover {background: red; } 这里是动画： div{background:blue；transition:0.2s；}div:悬停{animation:change color 0.2s forwards；} @关键帧将颜色{更改为{background:red；} 这是一个无限运行的关键帧动画，您可以看到颜色在红色和蓝色之间移动。打开控制台并单击页面-您可以看到，即使是JavaScript也可以在动画中的任何精确点告诉您当前的颜色。CodePen Embed Fallback 那么如果我们将动画暂停在中间的某个地方呢？颜色混合工作！这是一个暂停的动画，它的持续时间是0.5s到1s，所以正好是中途：CodePen Embed Fallback 我们通过将animation-delay 设置为-0.5s来实现这一点。什么颜色介于红色和蓝色之间？紫色。我们可以调整animation-delay来指定两种颜色的百分比。CodePen嵌入回退这适用于Chromium核心浏览器和Firefox。在Safari中，必须更改动画名称以强制浏览器重新计算动画进度。此技巧还可用于将alpha通道添加到颜色中，这通常对主题化非常有用。CodePen Embed Fallback将混合颜色获取到CSS自定义属性，这是迄今为止最简单的技巧，但在需要使用混合颜色的任何元素上应用动画都不是很实际，然后必须在@keyframes中设置所有要更改的属性。如果我们再添加几个CSS功能，我们可以在这个基础上稍加改进： 1. 使用@property类型的CSS自定义属性，这样就可以将其创建为正确的颜色，因此作为一种颜色来设置动画。 2. 使用Sass@function在特定点轻松调用关键帧。CodePen Embed Fallback 现在我们仍然需要调用animation，但结果是修改了一个自定义属性，我们可以在任何其他属性上使用它

在纯CSS中混合颜色

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么