bg-green :Tailwind CSS Background Color class
The bg-green classes provide background colors ranging from light to dark green, identified by numeric values (bg-green-50 to bg-green-950).
bg-green (Green Background Shades)
The bg-green classes provide background colors ranging from light to dark green, identified by numeric values (bg-green-50 to bg-green-950).
Example Code
html
<div class="flex flex-col items-center space-y-5 p-8 rounded-t-md"> <div class="bg-green-50 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-green-50</div><div class="bg-green-100 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-green-100</div><div class="bg-green-200 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-green-200</div><div class="bg-green-300 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-green-300</div><div class="bg-green-400 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-400</div> <div class="bg-green-500 text-white p-4 rounded-md text-center w-80 font-bold"> bg-green-500</div><div class="bg-green-600 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-600</div><div class="bg-green-700 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-700</div><div class="bg-green-800 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-800</div><div class="bg-green-900 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-900</div><div class="bg-green-950 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-green-950</div></div>Preview
bg-green-50
bg-green-100
bg-green-200
bg-green-300
bg-green-400
bg-green-500
bg-green-600
bg-green-700
bg-green-800
bg-green-900
bg-green-950
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
