forked from arbelh/HalfStyle
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
20 lines (20 loc) · 761 Bytes
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/halfstyle.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/halfstyle.js" ></script>
<title>HalfStyle - Style each half of a character, independently and individually.</title>
</head>
<body>
<p>Single Characters: (Pure CSS, no Javascript)</p>
<span class="halfStyle" data-content="X">X</span>
<span class="halfStyle" data-content="Y">Y</span>
<span class="halfStyle" data-content="Z">Z</span>
<span class="halfStyle" data-content="A">A</span>
<hr/>
<p>Automated on any text: (Requires jQuery to automate the task)</p>
<span class="textToHalfStyle">Half-style, please.</span>
</body>
</html>