Breaking News: Grepper is joining You.com. Read the official announcement!

tailwind bg image

Add Answer

Smoggy Sandpiper answered on August 18, 2021 Popularity 10/10 Helpfulness 3/10

answer tailwind bg image

related tailwind css background image

related background-image tailwind

related how to add background image in tailwind css

tailwind bg image

Comment

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

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: tailwindcss.com

Tags: image javascript

Link to this answer
Share Copy Link

Contributed on Aug 18 2021

Smoggy Sandpiper

0 Answers Avg Quality 2/10

Closely Related Answers

tailwind css background image

Comment

<!--
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>

Popularity 10/10 Helpfulness 10/10 Language html

Source: tailwindcss.com

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Apr 11 2022

Condemned Cat

0 Answers Avg Quality 2/10

background-image tailwind

Comment

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

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on May 14 2022

Roberto Espinoza

0 Answers Avg Quality 2/10

how to add background image in tailwind css

Comment

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

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 30 2021

Undefined

0 Answers Avg Quality 2/10

tailwind bg image

Contents

More Related Answers

tailwind bg image

Closely Related Answers

tailwind css background image

background-image tailwind

how to add background image in tailwind css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.