Σύστημα reactions με ήχο και εικονίδια που αιωρούνται (CSS / JS)

[philos]

Όποιος έχει messenger θα έχει δει ότι όταν στέλνεις πχ μια καρδούλα / reaction, εκτινάσσονται από το κάτω μέρος της οθόνης κάποιες καρδούλες και αιωρούνται προς τα πάνω και σκορπίζονται.

Υπάρχει κάτι τέτοιο, τόσο προσεκτικά μελετημένο (στη κίνηση) και με ήχο, φτιαγμένο σε CSS / JavaScript / jQuery για website;

Δε ξέρω πως να το ψάξω και δεν βρήκα κάτι.

[Predatorkill]

@philos
Δε νομιζω να λες αυτο αλλα δες το

https://dev.to/huytd/re-implementing-facebooks-reaction-animation-bee

δες και αυτο:

https://codepen.io/vikas-parashar/pen/xRyaGY

 

google search string για τα απο πανω:

floating emojis like messenger css js

Επεξ/σία 4 Σεπτεμβρίου 2020 από Predatorkill

[philos]

aa sorry, παρανόηση, δεν εννοώ αυτό. Αυτό που μου έδειξες, αν είδα καλά είναι ένα reactions σύστημα (τα κουμπιά του), όπως έχει κι εδώ το insomnia.

Στον messenger του facebook, αν στείλεις ας πούμε μια καρδιά, αυτή στέλνεται και μαζί με αυτήν πυροδοτούνται κι εμφανίζονται κι άλλες 10δες καρδιές που ξεκινάνε από το κάτω μέρος της οθόνης και γεμίζουν την οθόνη σαν φυσαλίδες, ώσπου χάνονται στο πάνω μέρος της οθόνης. Κατάλαβες;  

Ναι, σαν αυτό περίπου:

Υπάρχει κάτι τέτοιο για web εφαρμογές; (css / js)

Επεξ/σία 4 Σεπτεμβρίου 2020 από philos

[Predatorkill]

@philos 

 

αυτο;