Effetto su immagine su scroll .......

[whisher]

Ciao.
Un bel effetto sulla sinistra sullo scroll
qui

non saprei a che santo votarmi

[Renyp]

ho dato un'occhiata, posso dare un'interpretazione della cosa ma spero che qualcuno più in gamba di me faccia un intervento per spiegare l'interessantissimo effetto...
Per capire la mia precaria spiegazione dovresti leggerti il css e soprattutto vedere le immagini di sfondo utilizzate.
Se ti studi il codice, noti che il body ha come immagine di sfondo un'unica immagine (ovviamente) che è composta sia dalla scritta zengarden, sia dal segno in lingua cine-giapponese ( ). Questa immagine di sfondo è "fissa": background-attachment: fixed.
C'è poi un div posizionato più in primo piano (con z-index..) che ha come immagine di sfondo un'img fatta da piccole linee orizzontali di un pixel, tra loro distanti un pixel. Questa immagine di sfondo non è fissa ma "scrollabile": background-attachment: scroll.
Succede quindi che scrollando la pagina le linee di quest'ultima immagine si sovrappongano o meno alla scritta "zengarden" (o al segno cine-giappo, dipende dai punti di vista ).
Prova a dare un'occhiata, se non capisci batti un colpo: non c'è nessuna proprietà o script speciale, è il solito uso geniale dei css...che a molti comuni mortali come noi nemmeno passa per la testa....

[whisher]

Grazie della risposta.
La cosa merita un bel approffondimento
Css a parte la vedo dura a creare le immagini
necessarie.

[Santino83_02]

Originariamente inviato da whisher
Grazie della risposta.
La cosa merita un bel approffondimento
Css a parte la vedo dura a creare le immagini
necessarie.

ti prego non ci perdere tempo...è una cosa orrenda VVoVe:


non so se verrebbe piu facile realizzarla in javascript...se esiste l'onScroll del body sarebbe abb facile

[Renyp]

@santino

Beh, in effetti graficamente tutto si può migliorare e tutto è opinabile...
L'utilità della cosa sta nel fatto che comunque si può pensare ad un ulteriore effetto SENZA l'uso del javascript..
Per i puristi dei css ogni idea nuova è qualcosa in più!
Che poi l'effetto sia più o meno bello è abbastanza relativo secondo me: lo scopo è quello di usare nel modo più vario una tecnologia standard come css...
Anzi, mi piacerebbe sapere se esiste una raccolta con idee originali sull'uso delle proprietà css...qualche suggerimento?
Forse c'è però qualche altro post nei meandri del forum..

@whisher
Le immagini non sono poi così elaborate.. hai provato a visualizzarle inserendone il path?
Quoto l'approfondimento per questa ed altre soluzioni innovative

[whisher]

Le immagini non sono poi così elaborate.. hai provato a visualizzarle inserendone il path?
Quoto l'approfondimento per questa ed altre soluzioni innovative

Tengo FF
L'unica cosa è un po che non smanetto in grafica !