1 Star 0 Fork 0

GrapeTech / css-variable-demo

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
demo-7.html 661 Bytes
Copy Edit Web IDE Raw Blame History
zglit authored 2018-08-14 22:25 . init commit
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
section {
color: gray;
}
@supports(--css: variables) {
section {
--my-color: blue;
color: var(--my-color, 'blue');
}
}
h1 {
text-align: center;
max-width: 600px;
margin: 50px auto;
}
</style>
</head>
<body>
<section>
<h1>If your browser supports CSS variables, this text will be blue, otherwise it will be gray.</h1>
</section>
</body>
</html>

Comment ( 0 )

Sign in to post a comment

1
https://gitee.com/GrapeTech/css-variable-demo.git
git@gitee.com:GrapeTech/css-variable-demo.git
GrapeTech
css-variable-demo
css-variable-demo
master

Search