ShapeYourPath
(current)
Run Code
Live Code Editor-Materialize CSS Text Light Color
Source Code
<!DOCTYPE html> <html lang="en"> <head> <title>Materialize CSS Text Light Color</title> <meta name="viewport" content="width = device-width, initial-scale = 1" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <meta name="robots" content="noindex,nofollow"> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <style type="text/css"> p { font-size: 18px; } h2 { font-size: 28px; } </style> </head> <body> <h1 class="center-align">Materialize CSS Text Light Color</h1> <p class="center-align">Materialize CSS light text color can be created with the help of .{colorName}-text class and .text-lighten-{o to 5} class.</p> <div class="container"> <div class="card-panel"><span class="blue-text text-lighten-5">This is a card panel with dark blue text</span></div> </div> </body> </html>
Output :
Running
MATERIALIZE-TUTORIAL
MATERIALIZE-CSS-COLORS OTHER EXAMPLES
Materialize CSS Text Color Example
Materialize CSS Text Light Color Example
Materialize CSS Text Dark Color Example
Materialize CSS Background Colors Example
Materialize CSS Light Background Color Example
Materialize CSS Dark Background Color Example