Inserire un Cursore animato nel forum - gif perde animazione

[Ch-Jpa]

Avendo in progetto di avere cursori personalizzati per eventi e festività annuali , avevo cominciato ad usare anche quelli animati prelevati da vari siti ; alcuni funzionano altri no … ad esempio , per san Valentino si era scelta questa soluzione da questo sito :

https://www.cursors-4u.com/cursor/2018/02/17/falling-rose-petals.html
usando prima i codici suggeriti , poi da me semplificati … risultato : non si vede nulla !?
Solo se forzo aggiungendo “!important” , allora mi visualizza solo l'immagine statica -

Codice:

body {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.ani), auto !important;
}


Ciò avviene lo stesso con altri cursori di tipo animato -
Suggerimenti ?

[jessy]

Credo che l'estensione di quell'immagine non sia supportata dalla piattaforma puoi convertirlo  
qui se non trovi l'url dell'immagine puoi fare con il tasto dx per copiarlo

[Ch-Jpa]

Ciao Jessy ,
provato anche il tuo consiglio ma non va bene , l'immagine continua a rimanere statica -
Idem con altre animate e riconvertite –
Supponendo l'hai provato sul tuo (PhpBB3 ?) , puoi indicarmi il code usato o se diverso da quello da me indicato ?

[Niko]

Caro @Ch-Jpa

il cursore con il codice CSS che ci hai fornito non funziona per il semplice fatto che .ani è un formato file cursorse leggibile da windows, e da windows soltanto. Come ti diceva @jessy devi convertire il file cursore .ani in un formato immagine leggibile da CSS/HTML.
In particolare, il file immagine che permette di mantenere l'animazione è .gif - mentre .png .jpg .jpeg et altri cancelleranno l'animazione.

Non ti so dire purtroppo se è possibile una conversione da .ani a .gif, ma sicuramente sul web ci saranno delle risposte a questo quesito

[jessy]

Ciao e' molto strano nel tag funziona bene nel codice no 


prova con questo

Codice:

<style type="text/css">body, .mtitle, .menu a {cursor: url(http://.ani), auto}</style>


prova anche a scaricarla e upparla su un tuo spazio web...vedi un attimo


Modifica per Niko: sul sito la puoi prendere anche in formato gif ma non funziona ugualmente

[Niko]

Dunque ho fatto una rapida ricerca e sembra che i cursori gif non siano supportati stranamente, semplicemente l'animazione non è supportata se l'immagine è usata come cursore.

L'unica soluzione che ho trovato è quella di creare un'animazione in CSS avendo diverse immagini suddivise per frame:

Una soluzione consiste nell'utilizzare l'animazione CSS per animare l'immagine del cursore da un fotogramma all'altro:

Codice:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: url(frame1.gif), auto;
    animation: cursor 1s linear infinite;
}
@keyframes cursor{
    0% {
        cursor: url(frame1.gif), auto;
    }
    50% {
        cursor: url(frame2.gif), auto;
    }
    100% {
        cursor: url(frame3.gif), auto;
    }
}

[Ch-Jpa]

Ciao Niko , Jessy...
In ordine alle cose dette :
la prima volta avevo provato a convertire anche in gif , ma probabile che prenda solo un frame (il primo) … In ultimo , anche quello consigliato da Jessy (apng ?) con stesso risultato -
+
I siti dove vengono creati/offerti i cursori animati danno un code x Css-page dei generici siti web come il nostro , ma sono dei fake in quanto solo il browser I.E., che non uso da lustri, sembra accettare cursori *.ani … sembra , perché anche lì ho provato al volo e non funziona uguale -
+
Infine valutata l'idea della parte ultima by @Niko (che più avanti proverò senz'altro) , ma modificare ogni volta , quel che interessa, mi sembra poco pratico, nel senso che se non c'è alcuna offerta in giro di più pronto ed immediato (take & use), allora sarà meglio aspettare , peccato -

[Niko]

Ciao @Ch-Jpa

purtroppo credo che si, come dici tu, sia una questione legata al browser e che forse solo IE ancora supporta.
Dalla mia rapida ricerca sembra che la soluzione che ti suggerivo possa essere la migliore, ma probabilmente ci sono anche altre opzioni

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione