Move Over Button
Description
Add a move over effect to any button block size when hovered. This plugin uses css editor and works with all template families.
How To Install
Add a button block to any page. Set the size to whatever you like.
Once a button has been added, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.
// Move Over Button // .sqs-block-button .sqs-block-button-element--medium { -webkit-transition: ease-in-out 0.5s !important; -moz-transition: ease-in-out 0.5s !important; -ms-transition: ease-in-out 0.5s !important; -o-transition: ease-in-out 0.5s !important; transition: ease-in-out 0.5s !important; } .sqs-block-button .sqs-block-button-element--medium:hover { margin-left: 50px; -webkit-transition: ease-in-out 0.5s !important; -moz-transition: ease-in-out 0.5s !important; -ms-transition: ease-in-out 0.5s !important; -o-transition: ease-in-out 0.5s !important; transition: ease-in-out 0.5s !important; }
Customize
The code works for the medium button block. If you want to modify a small or large button, replace all .sqs-block-button-element--medium text with either .sqs-block-button-element--small or .sqs-block-button-element--large.
Adjust the the margin-left value to adjust how much you want the button to move over.