㈠ 世界十大视觉错觉图
http://image..com/i?tn=image&ct=201326592&lm=-1&cl=2&fr=ala0&word=%CA%C0%BD%E7%CA%AE%B4%F3%CA%D3%BE%F5%B4%ED%BE%F5%CD%BC对于这种错觉,斯坦福大学的心理学家 Roger Shepard 认为它与三维图像的适当的深度知觉有关。
由于环境的透视效果,“透视”是绘画的基础,相信大家在中学都学过。
关键是,你的视觉系统依据从视觉环境中得出的规则来作出推论。
通常一个东西离你越远,它就显得越小,换句话说,它的视角变小了。在这幅图里,后面的图形与前面的有着相同的尺寸(和相同的视角〕。由于两个图形的视角相同而距离不同,因此,你的视觉系统就会认为后面的那个人一定比前面的大。
如果你把后面的图形移到与前面的图形相同的位置,这种视觉的大小错觉便会消失。
图画的背景也是非常重要的,因为它提供了深度的尺度。如果你删除背景, 图像就成了平的,没有了立体感,你就不会有错觉产生,或者,即使有也是非常微弱的。
这些错觉表明:你的视觉系统从视觉环境中得出了很多规则,用以判断物体的大小和位置的关系。
㈡ ppt背景图片
在空白处右击,选择“背景”——在“背景填充”的下拉框中选择“填充效果”——点击“图片”——点击“选择图片”,
然后就可以选择你想用的图片。
㈢ 欺骗你眼睛的奇特视觉错觉图片有哪些
《科学美国人》杂志网站最近刊登了26幅奇特的视觉照片,会给人眼带来不同的视觉错觉现象,其中一些错觉是由将色彩置于一个与众不同的背景所致。以下就是这些照片: 1.黄月亮和蓝月亮 乍一看上去,这是两个颜色不同的月亮,一个呈黄色,一个呈蓝色,但真的是这样吗?实际上,在这幅由日本立命馆大学心理学家北冈秋吉设计的视觉错觉图中,两个月亮的颜色完全相同,唯一不同的便是周围的颜色。我们之所以产生月亮颜色不同的错觉皆因背景所致。 2.母狼卢帕之子雷克斯和费多 根据古罗马传说,罗马由双胞胎兄弟罗穆卢斯和瑞摩斯创立,他们由维斯塔贞女瑞亚·西尔维亚所生,父亲是战神玛尔斯。正如“贞女”二字所暗示的那样,维斯塔贞女必须是处女,不能与男人发生性关系,更不能生育下一代,即使让她们怀孕的人是神也不行。西尔维亚的行为让家族蒙受耻辱,他的父亲残忍地杀死了她,同时将两个孩子装在柳条筐并扔进波涛滚滚的台伯河,企图淹死他们。庆幸的是,母狼卢帕发现了这对双胞胎并收养了他们。 卢帕的亲生儿子——雷克斯和费多是在母亲发现罗穆卢斯和瑞摩斯之后出生的,它们的“迟来一步”改变了双胞胎兄弟的命运。左图中的雷克斯和费多看上去并非一模一样,但在去除背景后的右图中,情况却恰恰相反。如果雷克斯和费多在母亲发现罗穆卢斯和瑞摩斯之前便已来到这个世上,罗马注定不会在这个世界上出现。 3.光照影响拼魔方难度 魔方是一种三维智力玩具,玩家需要不停转动魔方,直到每一面上的9块都是同样的颜色。这听起来似乎很容易,但只有在光照条件稳定时才是如此。正如杜克大学的比努·罗托和戴尔·普维斯绘制的这幅错觉图所展示的那样,如果改变光照条件,我们便很难对颜色进行辨别。如右侧被去除一些色块的对比图所示,在白光照射下,左侧的蓝色块和右侧的黄色块实际上均呈灰色。从严格意义上讲,色觉并不基于到达视网膜的光线的波长,大脑根据光照条件分配颜色,波长只是一种指导,用于确定在同一场景下哪些物体比其他物体更红或者更蓝。 4.同眼不同色 北冈秋吉创作的漫画女孩,看上去一只眼睛呈蓝色,另一只则呈灰色。而实际上,两只眼睛都为灰色。由于微红色的背景,女孩右眼的颜色与绿松石色发夹一模一样。对颜色的感知过程涉及到眼内3种不同的光感受器,对应着红黄蓝三原色,这些颜色被长波、中波和短波可见光激活。来自目标区域的信号立即与来自同一场景内附近区域的信号相比较。随着信号进入大脑内更为高级的处理中心,它们继续与来自周围更大空间的信号相比较。科学家将这一过程称之为“拮抗过程”,这一过程意味着颜色总是与亮度相关。 5.红环 这幅由北冈秋吉绘制的图像包含大量蓝绿色环结构,你认为自己看到红环不过是大脑的杰作。“色感一致性”过程使得物体在不同光照条件下呈现出同样的颜色,即使被物体反射的光的颜色存在差异也是如此。色感一致性是一个非常重要的过程,重要性超乎想象。这一过程帮助我们无论是在洞穴火光还是热带大草原明亮阳光等光照条件下都能辨认物体、朋友以及家人。 由于整幅图像布满蓝色,大脑会错误地认为图像被蓝光照亮,蓝色结构内的灰环一定是红环无疑。也就是说,大脑从灰环中扣除误认为周围光照的蓝色,没有蓝色衬托的灰色便成为我们眼中看到的柔和的红色。 6.多色环 这是大脑根据背景确定颜色的另一个例子。在左侧国际象棋棋盘的“牛眼”结构中,中部的环看上去似乎呈绿色或者蓝色,而实际上,它们却颜色相同,都是绿松石色。右侧国际象棋棋盘的中部环均为黄色。与前面的图片有所不同的是,这种类型的错觉很难用拮抗过程加以解释,原因在于环外表呈现的颜色与背景更为接近,而不是差异较大。 7.反复无常的心 这个棋盘上的所有心形图案均由同样的青色点构成,但在不同背景影响下,它们却呈现出不同的颜色,绿色背景下为绿色,蓝色背景下又变成蓝色。北冈秋吉根据意大利帕多瓦大学视觉科学家鲍拉·布莱森发现的地牢错觉现象绘制了这幅图像。 8.魔方色块变色 在背景影响下,同样的颜色看上去会有所不同。在这幅错觉图中,背景也让不同颜色看上去类似。在第一个对比图中,左侧和右侧魔方顶面的红色块或多或少地呈现出同样的颜色。如果去除其他色块并用白色取代,左侧魔方的红色块实际上呈现出橙色,右侧魔方的红色块则为紫色。 9.4种错误颜色 在这幅背景为灰色的图片中,我们看到了4种不同颜色的色块。它们的颜色真的不同吗?答案是否定的。这里的灰色实际上是很小的蓝色和黄色像素的混合产物。由于这些像素太小,混合在一起不会引发拮抗过程,也就无法形成对比。彩色电视机之所以能够利用颜色差异很小的像素呈现不同色彩就是这个原理。(感兴趣的读者可以用放大镜亲自验证一下)绿松石色和淡黄绿色色块实际上分别由很小的绿色像素与蓝色背景像素混合和与黄色背景像素混合而来。红色像素与背景中的黄色像素混合形成橙色,与背景中的蓝色像素混合则成紫色。 10.怀特效应 1979年,塔斯马尼亚高级教育学院的迈克尔·怀特发现了一种错觉现象,彻底改变了视觉学的面貌。如图所示,左侧的灰条亮度超过右侧灰条。而实际上,所有灰条都是一样的。在怀特发现这种现象前,所有亮度错觉均被认为由拮抗过程所致,也就是说,灰色物体在被白色物体包围时看上去更为暗淡,被黑色物体包围时则显得更为明亮。但在这幅错觉图中,被白色包围的灰条亮度更高,被黑色包围时则更为暗淡。迄今为止,怀特效应背后的大脑机制仍旧是一个未知数。 11.闪烁的蓝点 这幅错觉图名为“蓝宝石之光”,由北冈秋吉绘制。在你移动视线时,图中的蓝点似乎在闪烁。但如果盯住一个点,这种发光便消失踪影。与视线外的点相比,处在视线焦点上的点蓝色似乎更为饱满。“蓝宝石之光”所描绘的实际上就是德国阿伦验光研究所的埃尔克·林格巴赫以及同事迈克尔·斯库拉夫、伯恩德·林格巴赫以及尤金·韦斯特在1994年发现的闪烁网格错觉现象。 12.年度最佳错觉图 年度最佳错觉图结合了怀特效应(窗帘后面的花瓶似乎呈现出不同的颜色)和着名的面部-花瓶错觉(花瓶被换成获胜者的奖杯)构成。 13.超现实螺旋 这些螺旋图案由北冈秋吉绘制,是怀特效应影响颜色呈现的典型例子。绿色和奶油色螺旋实际上由黄色条纹形成。另外两个例子中的条纹实际上是红色和青色,而不是紫色、橙色、蓝色和绿色。 14.霓虹色扩散 颜色似乎从小交叉点扩散到周围的白色区域。这种效果与霓虹灯的发光类似。1971年,意大利米兰大学的达里奥·瓦林报告了这种错觉现象。几年之后,荷兰奈梅亨大学的哈莱·凡·图吉尔也发现了这种现象。导致这种错觉的神经系统方面的原因目前仍旧是一个谜。 15.彩色枕形网格 霓虹色扩散形成一种错觉,图片中好似出现一个由东西走向和南北走向的直线交叉构成的网格。但如果聚精会神地凝视,这个网格便会消失。 16.霓虹黄扩散 在这幅霓虹色扩散错觉图中,黄色似乎朝着与黑条垂直的方向扩散。 17.水彩效应 在这幅由意大利视觉科学家拜恩吉奥·皮纳绘制的错觉图中,靠近颜色更为暗淡的紫色轮廓的橙色轮廓似乎在向外扩散自己的色彩,橙色线之间的空隙呈现出水彩画效果。紫色轮廓对面的空心区域则呈白色。 18.烟雾弥漫的空隙 在这幅由皮纳绘制的错觉图中,内部方框内的圆点似乎被紫雾包围,外部方框则似乎充满蓝色。这种错觉由水彩效应所致。 19.波浪线错觉 受水彩效应启发,日本视觉科学家Seiyu Sohmiya发现了波浪线错觉。在北冈秋吉绘制的这幅错觉图中,波浪线后面的白色背景似乎也染上了与线条同样的颜色。 20.中国地毯 蓝线后面的红色看上去似乎呈洋红色,黄线后面的红色则似乎呈橙色。这种颜色同化现象说明颜色能够在某些情况下彼此混合,而不是彼此形成对比。 21.毕加索的蓝色时代 在蓝色时代,帕布罗·毕加索纵情于深浅不同的蓝色,创作绘画作品,无论是影子还是阳光的渐变都被披上一件蓝衣。如果一切都用错误的颜色加以呈现,我们又如何分辨人、沙和灰蒙蒙的天空呢?哈佛医学院的玛格丽特·利文斯通表示,虽然毕加索使用蓝色,但他同时也对画作中的亮度关系进行巧妙处理,使其在光照条件下形成对比,进而让人们通过亮度变化欣赏他的作品。在右侧的灰度图中,亮度关系显得更为明显,我们很容易对画中的人与物进行分辨。这也就是为什么色盲人群能够和正常人一样生活,有时候,他们甚至不知道自己有这种缺陷。 22.埃舍尔的《巴别塔》 利文斯通及其哈佛医学院的同事大卫·胡伯尔将埃舍尔的木版画《巴别塔》(左图)中的白色区域填充浅蓝色(中图)。这个时候,我们仍可以看到巴别塔的身影,因为亮度关系仍保持完整。但如果用亮度与蓝色区域(之前的白色区域)相同的绿色填充黑色区域(右图),巴别塔就变得一团糟。我们的视觉系统无法只根据获取的颜色信息,辨别体积、形态与距离,要做到这些,还必须获得亮度信息。 23.马蒂斯的多色脸 20世纪,以亨利·马蒂斯和安德烈·德莱恩为首的一群欧洲画家使用生动而不同寻常的色彩创作他们的绘画作品。当时的一名评论家将这些作品戏称为“les Fauves”(意为野兽)。这种绘画风格也就是所谓的“野兽派”。德莱恩1905年创作的马蒂斯肖像就是属于这种风格。通过这幅作品的灰度版,利文斯通展示了怪异的色彩如何借助合理的亮度表现画中内容。 24.毕加索的颜色扩散 毕加索的这幅作品说明在线条内上色没有必要。利文斯通指出,我们的大脑会将颜色分配给恰当的形状,即便对使用最简单的线条勾勒出的形状也是如此 25.混乱的色彩 这是一幅大名鼎鼎的视觉错觉图,让欣赏者大脑内的语法与符号处理系统爆发一场冲突。一个接一个地浏览这些单词,中间不停顿或者减慢速度,同时大声说出单词的颜色而不是单词本身,你能够做到准确无误吗?毫无疑问,做到这一点并非易事。在此过程中,你会受到斯特鲁普效应的影响。这种效应以心理学家约翰·瑞德雷·斯特鲁的名字命名。即使尝试不去读这些单词,你也无法避免单词代表的含义与它们的颜色爆发冲突。 26.麦克洛效应 麦克洛效应由视觉研究员赛勒斯特·麦克洛发现。这种错觉说明感知颜色和感知形状之间的相互作用能够持续很长时间,达到令人吃惊的程度。
㈣ CSS添加背景图片
css代码添加背景图片:
1.背景颜色:background-color
语法:{background-color:数值}
注意:在html当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。
表格背影颜色:style="background-color:red"
2.背景图片:background-image
语法:{background-image: url(url)|none}
3.背景重复:background-repeat
语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
作用:背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。
说明:参数取值范围:
·inherit 继承
·no-repeat 不重复平铺背景图片
·repeat-x 使图片只在水平方向上平铺
·repeat-y 使图片只在垂直方向上平铺
注意:如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。
4.背景固定:background-attachment
语法:{background-attachment:fixed|scroll}
·fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
·scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
注意:背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力,所以可以解除背景图片和文字内容的捆绑,该为和浏览器窗口捆绑。
5.背景定位:background-position
语法:{background-position:数值|top|bottom|left|right|center}
作用:背景定位用于控制背景图片在网页中显示的位置。
·带长度单位的数字参数
·top:相对前景对象顶对齐
·right:相对前景对象右对齐
·center:相对前景对象中心对齐
·比例关系
关键字解释如下:
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%
注意:参数中的center如果用于另外一个参数的前面,表示水平居中;如果用于另外一个参数的后面,表示垂直居中。
6. 背景样式:background
语法:{background:背景颜色|背景图象|背景重复|背景附件|背景位置}
作用:背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明。
(4)视觉背景图片扩展阅读:
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
1990年,Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年,Web真正走出实验室。
参考资料来源:网络:css
㈤ 世界上几张有双重效果的视觉图片
1.耶鲁大学耗时5年的研究成果。
如果你看见这个舞女是顺时针转,说明你用的是右脑;
如果是逆时针转,说明你用的左脑。
据说,14%的美国人可以两个方向都能看见。
可以和别人一起看,测试下,一般不同人同时看这张图的感觉都会不太一样的,真的很神奇。
其实看这种图,告诉大家一个方法:鼠标上下移动屏幕只露她的腿的下半部分!!!仔细看其实她没有转完一圈。一她转的腿为焦点,转到左边有回过去往右转,只转了半圈!这样你看时就会产生正反转的特效(加上黑色背景!)
2.柱子是圆的还是方的,别着急慢慢看......
3.看着黑点身体前后移动
4.是静的还是动的(看则静,不看则动)
5.狮子在哪里?
6.据说能看见9张脸的智商有一百八十
7.如图所示!
8.那个女人是真实的还是拼图里的?
9.请专注中间那个黑点,发现了什么?
10.十二个人还是十三个人?
11.有几个黑点?(绝对不是动画,不信你可以看看图片文件格式)
12.据说这个图里有7匹马
13.一定要聚精会神地盯着中央的十字看
一定要聚精会神地盯着****的十字看,你会发现,周围紫色的圆点渐渐淡下来,甚至消失。最后只剩下一个绿色的圆点在那里转!
14.看这个三角是直立的,还是平放的?
15.一张视觉系图片哦~仔细看会出现…(爱情的背后果真是婚姻的葬礼)
16.在幻觉和现实之间:仔细看两个开口处,这种建筑从科学的角度上来说可能吗?
试着盖住"幻觉"的上半部分,再仔细察看一遍,然后再盖住图的下半部分,有什么奇异的事吗?
瑞士艺术家桑德罗·戴尔·普利特创作了这种可能的画面,在错觉与现实之间可能会在某处发生
17.两个面积一样的三角,为什么为少了一块?
18.传说在图中有9个心!
19.铁轨桥上的事故:两列火车会相撞吗?
20.圣·乔治和龙:你能既找到圣·乔治的肖像又找到他杀死龙的图画吗?
21.不可能的鸟笼:佛来芒斯艺术家琼斯·德·梅为这些鹦鹉创造了一个不可能存在的鸟笼
22.折叠的棋盘:你从上面还是从下面看到棋盘呢?
23.人类居住环境:树在屋里还是屋外?
24.不可能的楼梯:
走一走这个奇怪的楼梯,会发生什么?最低一级和最高一级台阶分别在哪儿
25.盯住中间的黑点,周围的五彩色团会慢慢消失的.
26.哇,好多熊熊.你能看见好多熊熊吗?
27.中间的表面到底是地面,还是天花板?
图的上部分,是地面。看图的下部分,是天花板(西班牙大师的杰作)
28.仔细看,红色的表面既可以看做是朝上的,也可以看做是朝下的。
29.波涛荡漾:前后伸伸头,左右挪挪.
30.里面有一个人.你能看懂这幅诡异的画面吗?照片没被改变.
31.亲吻的情侣幻觉:这幅虚幻的亲吻由美国艺术家杰里·唐恩创.
32.人在上面还是在下面呢?
33.爱因斯坦神奇测试近视图
34.图上有一张脸 ,你能找到吗?
35.下面的图究竟是骷髅还是两个美女?
36.把这张图片倒过来看,你看到了什么?
37.看到了什么?湖中一个人在划船,湖中有一条大鱼,湖边有一棵大树?
看到了什么?一个老头?还是一群人?
㈥ CSS中如何设拉伸背景图片铺满屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(6)视觉背景图片扩展阅读:
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具
记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。