metal-outline-text
Version:
metal-outline-text - metal outline text.
46 lines (43 loc) • 2.55 kB
HTML
<!-- metal-outline-text - metal outline text.
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 Outline Text CSS Demo</title>
<link href="metal-outline-text.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Metal Outline Text CSS Demo</h1>
<div class="metal-outline-text-silver">银色轮廓效果</div>
<div class="metal-outline-text-darksilver">暗银色轮廓效果</div>
<div class="metal-outline-text-brightsilver">亮银色轮廓效果</div>
<div class="metal-outline-text-gold">金色轮廓效果</div>
<div class="metal-outline-text-darkgold">暗金色轮廓效果</div>
<div class="metal-outline-text-brightgold">亮金色轮廓效果</div>
<div class="metal-outline-text-bronze">铜色轮廓效果</div>
<div class="metal-outline-text-darkbronze">暗铜色轮廓效果</div>
<div class="metal-outline-text-brightbronze">亮铜色轮廓效果</div>
<div class="metal-outline-text-rosegold">玫瑰金色轮廓效果</div>
<div class="metal-outline-text-darkrosegold">暗玫瑰金色轮廓效果</div>
<div class="metal-outline-text-brightrosegold">亮玫瑰金色轮廓效果</div>
<div class="metal-outline-text-titanium">钛色轮廓效果</div>
<div class="metal-outline-text-darktitanium">暗钛色轮廓效果</div>
<div class="metal-outline-text-brighttitanium">亮钛色轮廓效果</div>
<div class="metal-outline-text-verdigris">铜绿轮廓效果</div>
<div class="metal-outline-text-darkverdigris">暗铜绿轮廓效果</div>
<div class="metal-outline-text-brightverdigris">亮铜绿轮廓效果</div>
<div class="metal-outline-text-bluevitriol">胆矾轮廓效果</div>
<div class="metal-outline-text-darkbluevitriol">暗胆矾轮廓效果</div>
<div class="metal-outline-text-brightbluevitriol">亮胆矾轮廓效果</div>
</body>
</html>