首页专题 blend

blend

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于blend内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在blend相关知识领域提供全面立体的资料补充。同时还包含 backbone、background、background attachment 的知识内容，欢迎查阅！

blend相关知识

不可思议的混合模式 background-blend-mode
本文接前文：不可思议的混合模式 mix-blend-mode 。由于 mix-blend-mode 这个属性的强大，很多应用场景和动效的制作不断完善和被发掘出来，遂另起一文继续介绍一些使用 mix-blend-mode 制作的酷炫动画。CSS3 新增了一个很有意思的属性 -- mix-blend-mode ，其中 mix 和 blend 的中文意译均为混合，那么这个属性的作用直译过来就是混合混合模式，当然，我们我们通常称之为混合模式。混合模式最常见于 photoshop 中，是 PS 中十分强大的功能之一。当然，瞎用乱用混合模式谁都会，利用混合模式将多个图层混合得到一个新的效果，只是要用到恰到好处，或者说在 CSS 中利用混合模式制作出一些效果则需要对混合模式很深的理解及不断的尝试。 mix-blend-mode 简介关于 mix-blend-mode 最基本的用法和描述，可以简单看看上篇文章 不可
用Design+Blend轻松制作环形文字
先看效果图：步骤:1.先启动Microsoft Expression Design 3a.画一个正圆，再随便打几个字，同时选中文字和圆b.选择菜单栏中的"对象"-->"路径上的文本"-->"附加文本"，调整文本内容，间距等，让其正好布满圆圈，调整好以后，再把圆形的填充和边框去掉(即无填充，无边框)c."文件"-->"导出"，格式选择"Xaml Silverlight3画布" 2.启动Blend 3a.新建一个用户控件TextItem，把刚才Design导出的xaml打开，复制其中的<Canvas>...</Canvas>部分到TextItem中b.新建一个Storyboard，产生旋转c.将Storyboard利用触发器自动触发(详情可见源代码下载)d.MainPage.xaml上，把刚才做好的控件TextItem拖二个出来，其中一做下变
两行 CSS 代码实现图片任意颜色赋色技术
很久之前在张鑫旭大大的博客看到过一篇 PNG格式小图标的CSS任意颜色赋色技术，当时惊为天人，感慨还可以这样玩，私底下也曾多次想过有没有其他方法可以实现，又或者不仅仅局限于 PNG 图片。  mix-blend-mode 与 background-blend-modemix-blend-mode 在我之前的一篇文章初略介绍过 -- 不可思议的混合模式 mix-blend-mode，与本文的主角 background-blend-mode 一样，都是实现混合模式的。混合模式最常见于 photoshop 中，是 PS 中十分强大的功能之一。当然，瞎用乱用混合模式谁都会，利用混合模式将多个图层混合得到一个新的效果，只是要用到恰到好处，或者说在 CSS 中利用混合模式制作出一些效果则需要对混合模式很深的理解及不断的尝试。简单区分一下这两个属性：mix-blend-mode 用于多个不同标签间的混合模式background-blend-m
两行 CSS 代码实现图片任意颜色赋色技术
如何通过纯 CSS 技术实现任意图片的任意颜色赋色技术呢？使用 background-blend-mode: lighten 实现任意图片颜色赋色技术假设我们有这样一张图片，JPG、PNG、GIF 都可以，但是有一个前提要求，就是黑色纯色，背景白色：利用 background-blend-mode ，我们可以在图片下叠加多一层其他颜色，通过 background-blend-mode: lighten 这个混合模式实现改变图片主体颜色黑色为其它颜色的目的。简单的 CSS 代码示意如下： .pic { width: 200px; height: 200px; background-i