2012-05-12 79 views
3

我工作的一兩件事,而不是使用大圖我會preffer使用正常的背景色,與一些不透明和模糊就可以了...背景透明度和模糊處理另一幅圖像

下面是例子: http://codecanyon.net/item/translucent-jquery-banner-rotator-slideshow/801607?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=VF

這滑塊有半透明和模糊的說明欄,這是正是我想要的......

我發現這裏多了一個例子:http://www.blurjs.com/

但我不希望的JavaScript。如果可以用css3完成,我會愛上它。

我不知道如果該滑塊使用javascript或css的?

任何人都知道用css編寫類似的東西?感謝您的時間。

+2

真的不明白爲什麼這麼多downvotes ...除了有點無知他的問題似乎並沒有違反常見問題 – jammypeach

+2

所有這些演示使用JavaScript的原因。 Upvoted,因爲它根本不是一個壞問題! – frenchie

+0

感謝這兩個......嗯,那麼我會在那種情況下使用blur.js。我沒有其他選擇。只是認爲可能有CSS3的可能性,因爲我將使用太多的JavaScripts的方式。 – dvLden

回答

3

您鏈接的滑塊正在使用canvas元素,該元素需要javascript才能操作。

你想要的僅僅用CSS無法實現 - 你需要javascript,但是可能的話,svg可以處理它。然而,我沒有足夠的svg經驗知道。

+0

好的。猜猜那麼我將不得不使用jQuery。謝謝 ;) – dvLden