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 ..
I posted two ss to see.
don't know how to use bg-gradient, i tried looking on some tutorials, but it doesn't show up on my project
103 views Asked by palalele At
1
There are 1 answers
Related Questions in CSS
- CSS Class is not applying to element (border width,color,and style attributes)
- How do I find the fonts that are not loading in a CORS situation ( MoovWeb )?
- Positioning child at bottom of parent with scroll
- Play multiple audio files in a slider
- How to set text over image?
- Website zoomed out on Android default browser
- Writing/Overwriting to specific XML file from ASP.NET code behind
- My navbar is not expanding after collapse
- when a checkbox is checked how to display a different hidden element using javascript
- Gaps Vertically Using Dividers
- CSS: Preventing a property to affect on element until the end of transition
- Polygon Button with pure CSS
- transform-origin doesnt apply in safari
- show/hide multiple div tags at once and change the size of the remaining div tag
- Mask the image/maps/div (circle) using css and jquery
Related Questions in FRONTEND
- Jquery Resize: how to check if a screen has been resized at any point
- In javaScript during a while loop how do you make the program stop to get user input?
- Nesting flex box
- Efficiently toggle visibility on multiple images
- Link remains :hover'ed when opened from JS
- Load UI app in memory without opening browser
- Can I have css of a <span> change when <span> can't fit in screen width?
- How does JS front-end framework (ember, Angular etc.) work with back-end frameworks(such as Django , Rails etc.)?
- Levels of abstraction on AngularJS Architecture
- Force all options of a select list to appear as expanded on click
- Front-end JavaScript program
- SVG as icon font alternative
- Export data from JSON to excel by preserving data type
- Could two projects use same database?
- What does it mean Bootstrap is compiled?
Related Questions in VUE-COMPONENT
- Call from component to parent with $emit
- Error: Uncaught (in promise) TypeError: Cannot create property ... on string
- Cleaner way to require multiple Vue components?
- Vuejs 2 removing from array (splice) not animating with transition
- How to reuse a method: define in main object and call from all component in VueJS
- Navigate with arrow keys in a vue component under an input box
- Is there any way to let directive listen to its component's event in vue 2.0?
- use the same form for create and read operation
- Setting class with v-bind not happening correctly
- How can I get the list value in a component?
- Vuejs 2 moving items in array, doesn't retain array indexing
- Vue.js mixin does not work correctly in component
- Foundation 6 modal not working in vue.js component
- How to import external template in vue js?
- Vue single file component and SugarSS from PostCSS with Webpack
Related Questions in CSS-GRADIENTS
- CSS background stripes with 1px white, the rest transparent
- How to combine CSS Linear gradient with images?
- How to fade right side of an element on small screens?
- css gradient border with transparency
- css multiple images with gradient issue with responsive
- Why this linear-background changes from sharp color boundaries to gradient when I add one more stop to it?
- multiple CSS gradients
- CSS angled linear gradient with "nested" gradient
- Smooth CSS gradients
- How to create a dynamic mesh gradient using Javascript similar to Stripe homepage?
- Issue with linear gradient on svg text
- Why do sharp gradient transitions render blurry in firefox?
- Is it possible to make a background gradient on the :root <html> element extend past overscroll?
- don't know how to use bg-gradient, i tried looking on some tutorials, but it doesn't show up on my project
- Gradients in CSS Don't Work for Me in React
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
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