Element UI is best viewed on desktop
Custom css
The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.
/*Container styles*/
.container {
transition: all 0.6s ease-in-out;
}
/*Heading styles*/
.heading h4 {
transition: all 0.3s ease-in-out;
}
.container:hover .heading h4 {
color: #FFFFFF !important;
}
/*Heading styles*/
.heading h4 {
transition: all 0.3s ease-in-out;
}
.container:hover .heading h4 {
color: #FFFFFF !important;
}
/*Icon styles*/
.icon svg {
transition: all 0.3s ease-in-out;
}
.container:hover .icon svg {
fill: #FFFFFF !important;
}