metal-background
Version:
metal-background - metal background.
46 lines (43 loc) • 2.5 kB
HTML
<!-- metal-background - metal background.
Copyright (C) 2024-2025 Yu Hongbo, CNOCTAVE
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>. -->
<html lang="en">
<head>
<title>Metal Background CSS Demo</title>
<link href="metal-background.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Metal Background CSS Demo</h1>
<div class="metal-background-silver">银色背景效果</div>
<div class="metal-background-darksilver">暗银色背景效果</div>
<div class="metal-background-brightsilver">亮银色背景效果</div>
<div class="metal-background-gold">金色背景效果</div>
<div class="metal-background-darkgold">暗金色背景效果</div>
<div class="metal-background-brightgold">亮金色背景效果</div>
<div class="metal-background-bronze">铜色背景效果</div>
<div class="metal-background-darkbronze">暗铜色背景效果</div>
<div class="metal-background-brightbronze">亮铜色背景效果</div>
<div class="metal-background-rosegold">玫瑰金色背景效果</div>
<div class="metal-background-darkrosegold">暗玫瑰金色背景效果</div>
<div class="metal-background-brightrosegold">亮玫瑰金色背景效果</div>
<div class="metal-background-titanium">钛色背景效果</div>
<div class="metal-background-darktitanium">暗钛色背景效果</div>
<div class="metal-background-brighttitanium">亮钛色背景效果</div>
<div class="metal-background-verdigris">铜绿背景效果</div>
<div class="metal-background-darkverdigris">暗铜绿背景效果</div>
<div class="metal-background-brightverdigris">亮铜绿背景效果</div>
<div class="metal-background-bluevitriol">胆矾背景效果</div>
<div class="metal-background-darkbluevitriol">暗胆矾背景效果</div>
<div class="metal-background-brightbluevitriol">亮胆矾背景效果</div>
</body>
</html>