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

glass effect in tailwindcss

Ihtesham Ul Haq answered on November 19, 2022 Popularity 9/10 Helpfulness 8/10

answer glass effect in tailwindcss

glass effect in tailwindcss

Comment

<body class="bg-cover grid grid-cols-3 gap-4 p-20"
    style="background-image: url(https://www.kindacode.com/wp-content/uploads/2022/05/green.jpeg)">
    <div class="w-72 h-72 bg-white bg-opacity-20 backdrop-blur-lg rounded drop-shadow-lg"></div>
    <div class="w-72 h-72 bg-white bg-opacity-40 backdrop-blur-md rounded drop-shadow-lg"></div>
    <div class="w-72 h-72 bg-white bg-opacity-50 backdrop-blur-xl rounded drop-shadow-lg"></div>
</body>

Popularity 9/10 Helpfulness 8/10 Language html

Source: www.kindacode.com

Tags: effect html tailwind-css

Link to this answer
Share Copy Link