㈠ 世界十大視覺錯覺圖
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是集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具,利用它可以輕而易舉地製作出充滿動感的網頁。