Cerca nel blog

2008/02/19

Solo per utenti Firefox e Safari

Geniale: giocare con CSS3



Non ho parole. Divertitevi qui: una pagina web che prende un'immagine e un testo a piacimento e li converte in modo che selezionando il testo compaia l'immagine, o viceversa. Comodo per i messaggi nascosti, o per mettere immagini dove non sono permesse.

L'immagine qui sotto è una schermata inattiva, perché Blogger blocca il CSS incorporato nel codice che genera l'effetto grafico.


Semplice ed elegante.

10 commenti:

axlman ha detto...

Paolo, è tutto squadernato, non ci si capisce niente.

Paolo Attivissimo ha detto...

Era un test. Non ho capito perché, ma Blogger mi annulla l'effetto. Clicca sul link all'inizio e capirai di cosa si tratta.

Dan ha detto...

E' quel tipo di ingegnosità che a volte piacerebbe avere anche a me...

Solid Man ha detto...

con IE7 funziona solo nella modalità "reverse it"... non molto bene, ma funziona.

Federico Filippi ha detto...

purtroppo molte pseudo classi di css3 indicate da w3c non sono assolutamente compatibili nè con firefox nè con explorer.

Standard non ancora standardizzati, divertente no?

Jeby ha detto...

Safari Rulez! Peccato non si possa usare su blogger...

Dan ha detto...

Beh, si chiamano "draft" per quello, ancora non sono standard ufficiali...

Federico Filippi ha detto...

si ma guarda la data: 2005... eppure molte cose sarebbero veramente utili, era su questo la mia ironia...

piero ha detto...

come si fa a inserire l'immagine?

Dan ha detto...

Dammi retta: per quelli del settore, la vera attesa non è quando verrà ufficializzato uno standard, ma quando i principali browser si decideranno a supportarlo... prendi per esempio il CSS3, o il formato vettoriale aperto SVG: ci si potrebbero fare tante cosette carine, ma per ora il supporto è un po'.. incerto, incompleto tra i vari browser.

Per piero: dev'essere ovviamente un'immagine già memorizzata da qualche parte su internet. Io ho provato con la copertina di "Internet per tutti".