Button Block - Shakey Hover Style

---

1. Plugin Info

Add a shakey hover style to the button block (all sizes).

• Works with Squarespace 7.0 and 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Button Block - Shakey Hover Style - Ghost //

.sqs-block-button .sqs-block-button-element:hover {  
  animation-name: shiver;
  animation-duration: 1s !important;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  opacity: 1 !important;
}

/* --- Do Not Edit Below ---- */

@keyframes shiver { 10%, 90% { transform: translate3d(-2px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } }

// Button Block - Shakey Hover Style - Ghost //

---

3. Customizable Options

• Shakey Animation Speed

---

4. Plugin Notes

• Applies to the button block only (all sizes)

• Do not change keyframe values

---