Color Variables

Developer
Chung Man Chau
Size
1,956 Kb
Views
6,072
  1. Color Variables Previews
  2. Color Variables HTML Codes
  3. Color Variables CSS Codes

How do I make an color variables?

What is a color variables? How do you make a color variables? This script and codes were developed by Chung Man Chau on 15 January 2023, Sunday.

Color Variables Previews
IQ Test

Color Variables - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Color Variables</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="btn btn-orange"> Orange
</div>
<div class="btn btn-blue"> Blue
</div>
<div class="btn btn-red"> Red
</div>
</body>
</html>

Color Variables - Script Codes CSS Codes

body { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #333;
}
.btn { padding: 10px; text-align: center; width: 120px; margin: 0 20px; background: var(--c); font-weight: bold; color: #FFF;
}
.btn-orange { --c: #FF5722;
}
.btn-blue { --c: #2196F3;
}
.btn-red { --c: #f44336;
}
Color Variables - Script Codes
Color Variables - Script Codes
Home Page Home
Developer Chung Man Chau
Username chungman93
Uploaded January 15, 2023
Rating 3
Size 1,956 Kb
Views 6,072
Do you need developer help for Color Variables?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chung Man Chau (chungman93) Script Codes
Name
Bray Wealth - Mock up - Responsive
Time Zone Mock Up - WIP
BBC Beta - Grid
Morphing Iphone
Expanding Tiles
Grid with Flex Fallback
Using grid in the real world
CSS Masking Button Hovers
Iphone Mockup
Target Last Row - CSS Only
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!