Hover Card with Rise Effect

To add a hover over card with a transition rise effect, add the following css to a custom theme.  To trigger the rise effect, add the hover-rise class (along with the cards class) to a columns widget.

.cards.hover-rise .block-boxes-os_boxes_html {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease

.cards.hover-rise .block-boxes-os_boxes_html:hover {
transform: translateY(-18px)
See also: Effects