Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (38 sloc) 715 Bytes
---
title: Color Code Preview Tool
desc: Visualize \f color codes
---
<div class="page-header">
<h1>Color Code Preview</h1>
</div>
<h2>Text</h2>
<textarea id="txt">
\fbThis text is blinking!\n
\f1\fsBlue, saved to stack\n
\f0Green\n
\frBlue again\n
\frStill blue\n
\f2Yellow\n
\f3Red
</textarea>
<h2>Preview</h2>
<div id="preview"></div>
<style>
#preview {
background: #ccc;
font-size: 24px;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
#preview .b {
animation: blink 628.3ms cubic-bezier(0.445, 0.05, 0.55, 0.95) alternate infinite;
}
@keyframes blink {
from { opacity: 0 }
86.96% { opacity: 1 }
}
</style>
<script src="color.js"></script>