-
|
.
|
| | Che schifo! Appena posso me ne vado da Forumcommunity o ForumFree! Troppo chiuso! |
|
-
|
.
|
| Che pallee!  Non c'è nessun'altro modo? |
|
-
|
.
|
| Il forum di prova purtroppo è "bloccato". Ti abilito. #entry378350934
Ho applicato il tag span, come hai detto tu, però, come ti avevo detto, il sistema di FC l'ha rifiutato e mi ha lasciato aperto il tag, senza nessuna motivazione |
|
-
|
.
|
| Avevo già provato con il z-index, però senza successo, e forse so anche perché...
Comunque qui c'è il codice del blur:
HTML @keyframes 'blur'
{from {filter: blur(0)}
to {filter: blur(5px)}}
@-webkit-keyframes 'blur'
{from {-webkit-filter: blur(0)}
to {-webkit-filter: blur(5px)}}
@-moz-keyframes 'blur'
{from {-moz-filter: blur(0)}
to {-moz-filter: blur(5px)}}
@-o-keyframes 'blur'
{from {-o-filter: blur(0)}
to {-o-filter: blur(5px)}}
@keyframes 'txt'
{from {visibility: hidden}
to {visibility: visible}}
@-webkit-keyframes 'txt'
{from {visibility: hidden}
to {visibility: visible}}
@-moz-keyframes 'txt'
{from {visibility: hidden}
to {visibility: visible}}
@-o-keyframes 'txt'
{from {visibility: hidden}
to {visibility: visible}}
.fade {list-style: none}
.fade img {filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-webkit-filter: blur(0);
width: 200px; height: 150px;
z-index: 1}
.fade img li p {color: #000; vertical-align: center; text-align: center; opacity: 0%; list-style: none; position: absolute; visibility: hidden}
.fade img:hover {animation: 'blur' 0.5s;
-webkit-animation: 'blur' 0.5s;
-moz-animation: 'blur' 0.5s;
-o-animation: 'blur' 0.5s;
filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-webkit-filter: blur(5px)}
.fade img:hover #ftext {animation: 'txt' 0.5s;
-webkit-animation: 'txt' 0.5s;
-moz-animation: 'txt' 0.5s;
-o-animation: 'txt' 0.5s}
#ftext {position:absolute;
bottom: 75px;
left: 75px;
z-index: 2;
color: #000;
opacity: 0;
visibility: hidden}
Il Primo Keyframe serve per passare gradualmente da normale a blur, mentre il secondo dovrebbe servire per far apparire il testo graduatamente. Tuttavia il testo rimane così:
e il codice, con cui tra l'altro ho fatto un po' di casino perché l'editor non mi permette di inserire un Div o un altro tag dentro un altro DIV, è questo:
HTML <div class="fade">
<a alt="" href="#gt600ne"><img alt="" src="https://interlink-static.tsbohemia.cz/notebook-msi-gt60-0ne-233cz_i150033.jpg">
<span id="ftext">MSI
</a>
</div> |
|
-
|
.
|
| Salve: vorrei creare un CSS per far si che in una discussione vengano fuori delle immagini. Se sopra di queste c'è il mouse, tali subiscono un effetto blur (singolo) e sopra tali (esattamente sovrapposta) deve apparire una scritta.
Sono riuscito a fare l'effetto blur ma pur mettendo in CSS la proprietà per farla apparire, sia in keyframe che senza, su di un elemento di lista ( < li > oppure < ul > < li > ), la scritta rimane sempre visibile e sotto all'immagine.
Inoltre in una discussione, pare non sia possibile inserire un DIV dentro un altro. Come posso fare? :-)
Ringrazio tutti! (c'è bisogno di presentarmi, ovviamente, nell'apposita sezione, prima di poter fare una richiesta?) |
|
-
|
.
|
| L'ho usato su un forum di prova, della futura skin di QUESTO FORUM =)
Comunque si sarà sicuramente utilissimo! ^^ |
|
-
|
.
|
| | Bellissimo! Prendo, Grazie mille, +1 meritato!! :-) |
|
7 replies since 28/1/2010
.
