search

CodeSeven / toastr

Simple javascript toast notifications
http://www.toastrjs.com
MIT License
11.96k stars 2.04k forks source link

Icon animation #702

Open javico-dev11 opened 8 months ago

javico-dev11 commented 8 months ago

How could you add animation to the toast icon?

jsvtrlvrslv commented 8 months ago

I did it like this: an animated SVG icon, converted to base64, and placed it using CSS with a background URL.

javico-dev11 commented 8 months ago

Thanks for your reply, But with that you managed to make only the icon animate?

jsvtrlvrslv commented 8 months ago

Yes. Find one svg whit animation, convert to base64 and edit the CSS whit your base64 coded text. Easy like that. Look:

https://github.com/CodeSeven/toastr/assets/86001662/0d8699bb-0bb7-4a90-9dcf-a426e0e7d34d