Categories

Add a push effect on the registration button

You are here:
< All Topics

Add this in the extra.less template :

/* PULSE ANIMATION */
.pulse {
 position: relative;
 box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
 cursor: pointer;
 -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
 -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
 -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
 animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse:hover {
 -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

In the PAGE_CONTAINER template find :

{{ phrase('register') }}

And replace with :

{{ phrase('register') }}
Table of Contents