Search
 
SCRIPT & CODE EXAMPLE
 

HTML

tailwind css background image

<!--
Arbitrary values
If you need to use a one-off background-image value that doesn’t make sense to include in your theme, use square brackets to generate a property on the fly using any arbitrary value.
-->

<div class="bg-[url('/img/hero-pattern.svg')]">
  <!-- Your Code -->
</div>
Comment

how to add background image in tailwind css

  module.exports = {
    theme: {
      extend: {
        backgroundImage: theme => ({
         'hero-pattern': "url('/img/hero-pattern.svg')",
         'footer-texture': "url('/img/footer-texture.png')",
        })
      }
    }
  }
Comment

background-image tailwind

<div className="bg-[url('../public/assets/images/banner.svg')]">
Comment

tailwind bg image

  // tailwind.config.js
  module.exports = {
    theme: {
      extend: {
        backgroundImage: theme => ({
+         'hero-pattern': "url('/img/hero-pattern.svg')",
+         'footer-texture': "url('/img/footer-texture.png')",
        })
      }
    }
  }
Comment

PREVIOUS NEXT
Code Example
Html :: youtube iframe autoplay not working 
Html :: add placeholder in input type date 
Html :: how to add image caption in markdwon 
Html :: html tabulation 
Html :: bootstrap 5 vertical align 
Html :: how to change the size of an image in html 
Html :: html lazy loading images 
Html :: function to do when the html done loading 
Html :: include favicon into website 
Html :: fa fa copy icons 
Html :: fa fa-home 
Html :: external js 
Html :: spawn mob without ai 
Html :: iframe youtube autoplay loop 
Html :: linked image html 
Html :: radio buttons html 
Html :: rotate svg 
Html :: show and hide div tag based on checkbox selection using javascript 
Html :: how to send html file with express 
Html :: how do you make a partial hr line in html 
Html :: iframe - Full Screen - HTML 
Html :: What is a viewport meta tags 
Html :: html checkbox default checked 
Html :: country code for continents 
Html :: python parse html 
Html :: a tag html without href 
Html :: input type submit align center 
Html :: vuetify v-text-field bottom padding 
Html :: how to create input box in html 
Html :: call to action phone number 
ADD CONTENT
Topic
Content
Source link
Name
8+3 =