Tailwind Opacity Utility Classes

Tailwind 1.4 just got released and with it comes three really cool things:
Color opacity utlities
Built-in PurgeCSS
IE 11 target mode (experimental)
Let’s take a look at the color opacity utilities. We already had the opacity class to …


This content originally appeared on Scotch.io RSS Feed and was authored by Chris Sev

Tailwind 1.4 just got released and with it comes three really cool things:

  1. Color opacity utlities
  2. Built-in PurgeCSS
  3. IE 11 target mode (experimental)

Let's take a look at the color opacity utilities. We already had the opacity class to set the opacity of an entire element.

  • opacity-{0|25|50|75|100}

The new classes will let us set opacity of certain attributes.

I've often wanted to set the opacity of the background of an element, but not the text of the element. This usually meant I had to writ


This content originally appeared on Scotch.io RSS Feed and was authored by Chris Sev


Print Share Comment Cite Upload Translate Updates
APA

Chris Sev | Sciencx (2020-04-30T15:52:08+00:00) Tailwind Opacity Utility Classes. Retrieved from https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/

MLA
" » Tailwind Opacity Utility Classes." Chris Sev | Sciencx - Thursday April 30, 2020, https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/
HARVARD
Chris Sev | Sciencx Thursday April 30, 2020 » Tailwind Opacity Utility Classes., viewed ,<https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/>
VANCOUVER
Chris Sev | Sciencx - » Tailwind Opacity Utility Classes. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/
CHICAGO
" » Tailwind Opacity Utility Classes." Chris Sev | Sciencx - Accessed . https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/
IEEE
" » Tailwind Opacity Utility Classes." Chris Sev | Sciencx [Online]. Available: https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/. [Accessed: ]
rf:citation
» Tailwind Opacity Utility Classes | Chris Sev | Sciencx | https://www.scien.cx/2020/04/30/tailwind-opacity-utility-classes/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts