rainbow-outline-text
Version:
rainbow-outline-text - rainbow outline text.
46 lines (43 loc) • 3 kB
HTML
<!-- rainbow-outline-text - rainbow 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>Rainbow Outline Text CSS Demo</title>
<link href="rainbow-outline-text.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Rainbow Outline Text CSS Demo</h1>
<div class="rainbow-outline-text-jet" style="color:white;">jet 文字轮廓效果</div>
<div class="rainbow-outline-text-viridis" style="color:white;">viridis 文字轮廓效果</div>
<div class="rainbow-outline-text-turbo" style="color:white;">turbo 文字轮廓效果</div>
<div class="rainbow-outline-text-cubehelix" style="color:white;">cubehelix 文字轮廓效果</div>
<div class="rainbow-outline-text-hsv" style="color:white;">hsv 文字轮廓效果</div>
<div class="rainbow-outline-text-rainbow" style="color:white;">rainbow 文字轮廓效果</div>
<div class="rainbow-outline-text-hot" style="color:white;">hot 文字轮廓效果</div>
<div class="rainbow-outline-text-cool" style="color:white;">cool 文字轮廓效果</div>
<div class="rainbow-outline-text-spring" style="color:white;">spring 文字轮廓效果</div>
<div class="rainbow-outline-text-summer" style="color:white;">summer 文字轮廓效果</div>
<div class="rainbow-outline-text-autumn" style="color:white;">autumn 文字轮廓效果</div>
<div class="rainbow-outline-text-winter" style="color:white;">winter 文字轮廓效果</div>
<div class="rainbow-outline-text-gray" style="color:white;">gray 文字轮廓效果</div>
<div class="rainbow-outline-text-bone" style="color:white;">bone 文字轮廓效果</div>
<div class="rainbow-outline-text-copper" style="color:white;">copper 文字轮廓效果</div>
<div class="rainbow-outline-text-pink" style="color:white;">pink 文字轮廓效果</div>
<div class="rainbow-outline-text-ocean" style="color:white;">ocean 文字轮廓效果</div>
<div class="rainbow-outline-text-colorcube" style="color:white;">colorcube 文字轮廓效果</div>
<div class="rainbow-outline-text-flag" style="color:white;">flag 文字轮廓效果</div>
<div class="rainbow-outline-text-lines" style="color:white;">lines 文字轮廓效果</div>
<div class="rainbow-outline-text-prism" style="color:white;">prism 文字轮廓效果</div>
</body>
</html>