CODEWITHSUNDEEP
vue.jsvuetify.jsparallax
Dergyitheron
Dergyitheron

Reputation: 21

How to make gradient over v-parallax image with vuetify?

I have a simple <v-parallax> with some header and button tags displaying over the image. What is the best way to make gradient or just dimm the image in parallax with vuetify? Can it be done with <v-overlay>? Thank you!

Upvotes: 2

Views: 1956

Answers (1)

Marie Behzadi
Marie Behzadi

Reputation: 113

you might take a look at this jsfiddle and i hope this will be what you're seeking for. a simple solution might be to use <v-overlay inside of <v-parallax> and make sure to put the absolute attribute in order to prevent overlay scrolling with content.

<v-parallax dark :src="imgSrc">
    <v-overlay value="true" absolute>
          overlay text over parallax
    </v-overlay>
</v-parallax>

Upvotes: 4

Related Questions