Opacity
The Telerik and Kendo UI Opacity Utilities are CSS classes that enable you to control the opacity of an element.
Utility Class | CSS Property |
---|---|
.k-opacity-100 | opacity: 1; |
.k-opacity-0 | opacity: 0; |
.k-opacity-5 | opacity: 0.5; |
.k-opacity-10 | opacity: 0.1; |
.k-opacity-20 | opacity: 0.2; |
.k-opacity-30 | opacity: 0.3; |
.k-opacity-40 | opacity: 0.4; |
.k-opacity-50 | opacity: 0.5; |
.k-opacity-60 | opacity: 0.6; |
.k-opacity-70 | opacity: 0.7; |
.k-opacity-80 | opacity: 0.8; |
.k-opacity-90 | opacity: 0.9; |
Applying an Opacity
Use the k-opacity-{value}
to apply opacity to the element.