Shimmer Effect on Bubble

Shimmer Effect on Bubble

Some time ago, Facebook created an unusual way to indicate the loading of its pages, the so-called Shimmer Effect, which is nothing more than the display of a skeleton of the page in the form of an animation instead of a Spinner or a Progress Bar.

Here is the plugin link, completely free plugin.

4 Likes

Hello, nice

Is it possible to have an exemple of installation
I’ve tried here but no effect for me

1 Like

To use our plugin, it’s very simple, just add the plugin to your page and then add the “shimmer” ID to your Card made with Bubble’s Shape element, the animation is ready.

Still no exemple to help ?

Hi @eduardo.games098
I deleted my previous message. I was asking about a problem I had created myself due to inattention. But now I’ve figured it out and will just leave my gratitude for the wonderful plugin. Thank you very much. It’s great and very useful.

Hi @eduardo.games098
I wanted to say thank you once again for the wonderful plugin. It works. However, there seems to be an error. The closing style tag is missing. Is it supposed to be like that?

I discovered this when connecting Weglot. The technical support says that it shouldn’t be like that.

<style>    	#shimmer{        animation: shimmer 2s infinite linear;        background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);        background-size: 1000px 100%;	}	@keyframes shimmer {        0% {          background-position: -1000px 0;        }        100% {          background-position: 1000px 0;        }	}     <style>

Can you help with this issue?

1 Like