Donate Button (Pulse) - Donation Block


Plugin Details

Add a pulsing animation to the donation block donate buton.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// DONATION BLOCK BUTTON (PULSE) -  GHOSTPLUGINS.COM //


.donation-form .form-submit-button {
  animation: pulse 1s infinite alternate; // animation duration and speed
}

// PULSING ANIMATION - ADJUST THE SCALE OPTION TO CHANGE PULSING SIZE

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05); // button size during pulse animation
  }
}

Customizable Options

  • Animation Speed

  • Pulse Size

Notes

No plugin notes


Previous
Previous

Solid Shadow Style - Donation Block

Next
Next

Radio Left Alignment - Donation Block