'don't know how to use bg-gradient, i tried looking on some tutorials, but it doesn't show up on my project

I am new to css and vue and anything about the front-end.

I am working on a project and I try to use gradient but it doesn't t show up on my project.

The gradient isn't working somehow ..

enter image description here

enter image description here

I posted two ss to see.

cssfrontendvue-componentcss-gradients


Solution 1:[1]

What you put inside an HTML tag is considered as text, I'm not familiar with vue but looks to me like you are trying to add a class to an HTML tag, and put it as text instead of a class.

So just move .bg-gradient-primary inside the class (also remove the dot in front).

Edit : Didn't see you include the class name, so most likely your DIV is height 0 and width 0, try giving it width and height in CSS

Edit V2: If it's not this then make sure you added the exact same class name and included the library you are trying to use

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Mathi

Related Questions