How to Create a Pulsating Button using CSS Animation

[topting]

Both css editor and site builder. I'm not using cloud.

[topting]

You are right. I tried saving without doing anything and I get the same error? Is there a fix?

[naijafinder]

Demo:

My ♥ beats like this

Is there anyway to add announcement icon in replacement of the love icon character ♥

[chocodz]

i am lost down't know where to go after i colled it in css_additional

[glennrocksvb]

chocodz, follow Steps 2 and 3. What do you want to have this pulsating effect?

[glennrocksvb]

like post reply and new topic and subscribe

You can only use it as is in the HTML content you'll create such as in Announcements, HTML modules, PHP module and Ad modules and in the post (if you have HTML permission) by adding class="heartbeat" to <button> or any HTML tag you are adding. To use the same effect in existing buttons will require a additional code.

[faustvasea]

This is crazy (in a good way). I added this to a flash flip clock on the main forum page and it's beating right along with the seconds changing. I probably won't leave it up long cause it looks .... crazy. I put a screen capture video if you want to see it.

I like clock, how did you added ? Thanks

[asd937]

2. Add hearbeat CSS class to any button or HTML tag you want to use in HTML/Ad/PHP modules, Announcemens, Notices, etc. You can add the heartbeat CSS class to any element you want to pulsate not just to buttons.

where to do this in admin cp ?

[mofeu]

2. Add hearbeat CSS class to any button or HTML tag you want to use in HTML/Ad/PHP modules, Announcemens, Notices, etc. You can add the heartbeat CSS class to any element you want to pulsate not just to buttons.

3. If you are using this for buttons, you also need to add b-button and b-button--primary or b-button--special CSS classes to the button.

I am fine with step1 ... I add the code in css_additional code

but how I can do the step 2 ... I want to add the "heartbeat" of be member of my forum (for the guests)

[mofeu]

Where exactly do you want to add the heartbeat? In the user avatar? Please be more specific. But note that you can only add it to Notices, HTML Modules, posts where you have HTML permission, Phrases or anywhere you can add HTML. For existing default buttons and other existing sections of the site, it will require additional code.

to the new registers users

[Derwin]

Hello. I want to create a REGISTER BLOCK like you have for this site. How exactly do I do that? I obviously also want to add this pulsating button.

[glennrocksvb]

Hello. I want to create a REGISTER BLOCK like you have for this site. How exactly do I do that? I obviously also want to add this pulsating button.

https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-template-only-modifications/6697-sticky-default-guest-notice

[Derwin]

https://vbmods.rocks/forum/vbulletin...t-guest-notice

I added the code but it still does not show up like your box.

.l-desktop .notice[data-notice-id='1'] {
position: fixed;
z-index: 2;
bottom: 0;
right: 0;
margin: 10px;
width: 400px;
box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.7);
}
.page3 .notice[data-notice-id='1'] {
display:none !important;
}

[glennrocksvb]

I'll look into it later. No access to my computer at the moment.

[glennrocksvb]

I updated the CSS code in the first post of that other mod to add a notice header title if that's what you were looking for.