Announcement
Collapse
No announcement yet.
How to Create a Pulsating Button using CSS Animation
Collapse
X
-
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.
- Top
- Translate
- Bottom
-
To the "register" link? Simply add class="heartbeat" inside the <a> tag. Or if it already has a class attribute, then just add "heartbeat" to it separating it with comma like class="existingclasshere heartbeat"
- Top
- Translate
- Bottom
-
Originally posted by glennrocksvb View PostWhere 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.
1 Photo
- Top
- Translate
- Bottom
Leave a comment:
-
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.
- Top
- Translate
- Bottom
-
Originally posted by glennrocksvb View Post2. 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.
but how I can do the step 2 ... I want to add the "heartbeat" of be member of my forum (for the guests)
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by glennrocksvb View Post2. 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.
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by Mackey View Post
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by chocodz View Postlike post reply and new topic and subscribe
- Top
- Translate
- Bottom
- Likes 1
Leave a comment:
-
like post reply and new topic and subscribe
- Top
- Translate
- Bottom
-
The first question is where do you want to use this pulsating effect?
- Top
- Translate
- Bottom
-
Are you using the pulsating effect in a button? If yes, then use <button class="heartbeat b-button"><img src="announcement.png" alt="" /></button>
- Top
- Translate
- Bottom
-
chocodz, follow Steps 2 and 3. What do you want to have this pulsating effect?
- Top
- Translate
- Bottom
Leave a comment:
-
i am lost down't know where to go after i colled it in css_additional
- Top
- Translate
- Bottom
Leave a comment:
-
Originally posted by glennrocksvb View PostDemo:
My ♥ beats like this
- Top
- Translate
- Bottom
Leave a comment:
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
by MahmoudE9Hello
How are you
After promotion version 6.0.4
I updated the counters and during the update the search index was rebuilt...05-05-2024, 06:50 AM
Leave a comment: