Announcement

Collapse
No announcement yet.

How to Create a Pulsating Button using CSS Animation

Collapse
X
Collapse
First Prev Next Last
  • Filter
  • Time
  • Show
Clear All
new posts

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

    Comment


    • glennrocksvb
      glennrocksvb commented
      Editing a comment
      Can you save even without the code here? I suspect this is an existing issue.

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

    Comment


      #33
      Originally posted by glennrocksvb View Post
      Demo:

      My ♥ beats like this
      Is there anyway to add announcement icon in replacement of the love icon character ♥

      Comment


      • glennrocksvb
        glennrocksvb commented
        Editing a comment
        Are you using the pulsating effect in a button? If yes, then use <button class="heartbeat b-button"><img src="announcement.png" alt="" /></button>

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

      Comment


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

        Comment


        • chocodz
          chocodz commented
          Editing a comment
          dont know where to go exact

        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          The first question is where do you want to use this pulsating effect?

        • chocodz
          chocodz commented
          Editing a comment
          like post reply and new topic and subscribe

        #36
        Originally posted by chocodz View Post
        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.

        Comment

        Working...
        X