Непрозрачность фона и размытие на другом изображении

Question

Непрозрачность фона и размытие на другом изображении

Я работаю над одной вещью, и вместо использования больших изображений я бы предпочел использовать обычный фоновый цвет с некоторой непрозрачностью и размытостью...

Вот пример: 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? Спасибо за ваше время.

3

jquery css3 blur translucency

Источник

user1293740 12 май '12 в 22:40

1 ответ

Решение

Другие вопросы по тегам jquery css3 blur translucency

user340799 12 май '12 в 22:45 2012-05-12 22:45 · Accepted Answer · 2012-05-12 22:45

Слайдер, на который вы ссылаетесь, использует элемент canvas, для управления которым требуется JavaScript.

То, что вы хотите, невозможно выполнить только с помощью CSS - вам нужен javascript, но, возможно, svg справится с этим. У меня нет достаточного опыта SVG, чтобы знать наверняка, однако.