黑色和白色是如何完成色彩转换的

我想知道如何在盘旋时将照片转换为真实色彩，而不是在本网站上黑白色调：http://2010.dconstruct.org/。我不认为这是一个有两个版本的图像的简单问题，但我真的不确定。黑色和白色是如何完成色彩转换的

我会很感激任何帮助！

2010-10-10 Tony

实际上，它并使用图像的两个版本，即使不看代码，你可以通过对比的差异讲一些他们之间有bw /颜色版本。无论如何，每个锚具有相同的背景图像，其分配为url("../../i/speakers/sprite.jpg")，其不同的垂直位置确定显示哪个肖像。这个精灵图像是黑白的。

每个定位点包含一个图像元素（彩色版本），其中不透明度最初设置为0，然后在鼠标悬停时设置为100％。

<a class="tile bridle" href="/speakers/james-bridle"> 
<p> 
    <span> 
    James 
    <b>Bridle</b> 
    </span> 
</p> 
<img alt="" src="http://media02.dconstruct.org/2010-0008/i/speakers/bridle.jpg?0008"/> 
</a>

来源

2010-10-10 21:09:05 Lucius

谢谢，你完全正确。再次感谢您对它进行排序！ – Tony 2010-10-11 15:00:42

@Tony不客气！ P.S .:你可以使用Firefox的Firebug扩展来快速理清这种疑惑。我一直都在使用它，我喜欢它！ – Lucius 2010-10-11 16:31:07

下一次我去找别人的代码时，我一定会放弃它！ – Tony 2010-10-12 20:36:13

它使用此选项来实现转型：

background: -webkit-gradient(linear, 0% 0%, 0% 100%, 
    from(transparent), color-stop(0.7, transparent), 
    to(rgba(0, 22, 9, 0.496094)));

来源

2010-10-10 19:03:19 lbedogni

黑色和白色是如何完成色彩转换的

回答

相关问题