Witam wszystkich,

Czy ktoś z Was wie w jaki sposób uzyskać efekt rozmycia tła? Chodzi mi o
umieszczenie w HTML powiedzy prostokątnego box'a zawierającego pewną treść.
Coś w rodzaju okna dialogowego. Tło pod tym boxem jest treścią strony.
Chciałbym uzyskać efekt matowego szkła powodującego, że obraz w tle jest
rozmazany. Pólprzejrzysty PNG z "szumem" słabo się sprawdza - wygląda
syntetycznie gdyż nie zniekształca obrazu w tle. Flash potrafi "rozmywać"
ale nie potrafi robić screenshotów. Czy macie jakiś patent na uzyskanie
takiego efektu?

do góry

W dniu 04.05.2012 13:06, Marek pisze:
> Witam wszystkich,
>
> Czy ktoś z Was wie w jaki sposób uzyskać efekt rozmycia tła? Chodzi mi o
> umieszczenie w HTML powiedzy prostokątnego box'a zawierającego pewną treść.
> Coś w rodzaju okna dialogowego. Tło pod tym boxem jest treścią strony.
> Chciałbym uzyskać efekt matowego szkła powodującego, że obraz w tle jest
> rozmazany. Pólprzejrzysty PNG z "szumem" słabo się sprawdza - wygląda
> syntetycznie gdyż nie zniekształca obrazu w tle. Flash potrafi "rozmywać"
> ale nie potrafi robić screenshotów. Czy macie jakiś patent na uzyskanie
> takiego efektu?

Można spróbować z opacity:.5 ale wtedy wszystko będzie lekko rozmyte,
nie tylko obraz tła

td

do góry

Dnia Fri, 04 May 2012 13:42:28 +0200, TOUDIdel napisał(a):

> Można spróbować z opacity:.5 ale wtedy wszystko będzie lekko rozmyte,
> nie tylko obraz tła

To już lepiej dać w tło półprzejrzystego PNG. Wtedy zawartość nie ucierpi.
Efekt będzie lepszy. Albo dać do wewnątrz kontener bez tła i dać mu opacity
1.

Jednakże troszkę nie na temat :-) Mówisz "rozmyte" a masz na myśli
"półprzejrzyste". Mi chodziło o rozmycie - po angielsku blur.

do góry

Dnia Fri, 04 May 2012 13:42:28 +0200, TOUDIdel napisał(a):

> Można spróbować z opacity:.5 ale wtedy wszystko będzie lekko rozmyte,
> nie tylko obraz tła

Co ma stopien przezroczystości do rozmycia?

Zaś co do właściwego pytania - da się to zrobić za pomocą filtrów SVG, ale
starsze przeglądarki na tym polegną.

--
Borys Pogoreło
borys(#)leszno,edu,pl

do góry

W dniu 2012-05-04 13:06, Marek pisze:
> Witam wszystkich,
>
> Czy ktoś z Was wie w jaki sposób uzyskać efekt rozmycia tła? Chodzi mi o
> umieszczenie w HTML powiedzy prostokątnego box'a zawierającego pewną treść.

To stary przykład, ale może o to chodzi?
http://meyerweb.com/eric/css/edge/complexspiral/glas
sy.html

--
http://monter.FM
Archiwum JW23, parodie, miksy muzyczne, polityczne, programowe...

do góry

Dnia Fri, 04 May 2012 22:50:25 +0200, monter.FM napisał(a):

> W dniu 2012-05-04 13:06, Marek pisze:
>> Witam wszystkich,
>>
>> Czy ktoś z Was wie w jaki sposób uzyskać efekt rozmycia tła? Chodzi mi o
>> umieszczenie w HTML powiedzy prostokątnego box'a zawierającego pewną treść.
>
> To stary przykład, ale może o to chodzi?
> http://meyerweb.com/eric/css/edge/complexspiral/glas
sy.html

Bardzo ciekawe :) Dziękuję :)
Choć bardziej chodziło mi o to, że tło może być nieprzewidywalne. Np.
fragment teksu pod spodem okna dialogowego. Zakładam statyczną wersję tła
aby nie komplikować.

do góry