Text Reveal Card

Mousemove effect to reveal text content at the bottom of the card.

API

Prop NameTypeDescription
classStringAdditional classes to be added to the card.
starsCountNumberControl the number of stars that are generated
starsClassStringAdditional classes to be added to the stars floating on content.
Slot NameDescription
headerString
textDisplay default text when the card is not hovered over.
revealTextText to be revealed when hovered over the card.

Component Code

You can copy and paste the following code to create these components:

TextRevealCard.vue
TextRevealStars.vue

Credits