Image Rotate Hover Effect in Squarespace

Create engaging hover animations for cards using this CSS code:

Copy Code

/* Apply Hover Image Effect - ALL*/
.sqs-block-image:hover {

  transform: rotate(5deg) !important;

  transition: all 0.2s ease-in-out !important;

}

      /* Exclude specific image blocks from the hover effect */
#ADD BLOCK ID'S HERE, #MULTIPLE CAN BE ADDED:hover{
  transform: none !important;
  transition: none !important;
}