La compatibilità browser del modulo delle animazioni CSS3 è pari a circa al 50% del mercato attuale. Opera mini, Opera mobile e Internet Explorer 6-9 sono tagliati fuori. Ma è interessante mettere in pratica un po' di codice CSS leggero e performante che aumenti la user experience di pulsanti, form, slider e altri elementi che devono attirare l'attenzione dell'utente senza ricorrere a JavaScript.
Proprio per questo, esiste un repository su GitHub con 2500+ linee di animazioni pronte all'uso e con tutti gli eventuali vendor prefixes. C'è anche una demo online con cui interagire e farsi un'idea delle potenzialità offerte da queste tecniche.
A mio avviso le animazioni CSS posso essere integrate fin da subito per web app su iOS e Android o nell'ottica di un progressive enhancement in un qualsiasi sito web.
/https://www.html.it/app/uploads/2024/04/css.png)
/https://www.html.it/app/uploads/2024/01/cssday.png)
/https://www.html.it/app/uploads/2023/10/cssday2024.png)