Add glowing animation while on hover
Kvaibhav01 opened this issue · 11 comments
When the pointer is hovered over the following elements, they should have a glowing effect around them:
- The login/signup button
- The three icons over the monitor illustration.
Should it only have glow or also puls? However, I can implement that for you and if you wanna change it to a puls we can do that as well.
Hey @jChris85 , what is a puls effect? Is it really puls or is it pull effect? Any resources so that I can check it out?
@Kvaibhav01 something like that, but on hover of course. This is possible for the button for sure. I have to check out if this is possible for the SVG icons as well.
That looks cool. Implement that in the button 😀
@Kvaibhav01 I´ve added the pulse effect to the CTA when the button will be hovered. Unfortunatly I can not style the icons because they are SVGs loaded as an image tag. To get full control for the SVG styling it would be better to make implement them as an inline SVG. Then the pulse effect would also be possible for the icons.
P.s.: I really like the design of that page
@jChris85 I think I can update the SVG-stuff. When it's merged you should be able to add your CSS.
@marekgebka that would be nice, thx.
@jChris85 don't know why but the pulse effect is not working. 😞 I merged your PR, nothing happens when I hover over the button.
@Kvaibhav01 I will take a look.
@Kvaibhav01 Sorry I can see the effect in all common browsers. Even IE11 is showing it. On wich device and browser are you testing?
The effect is very minimalistic...maby you just have to increase the opacity.
@jChris85, now it's showing. Don't know why it wasn't before. Thanks!