-
Notifications
You must be signed in to change notification settings - Fork 0
/
tooltips.php
17 lines (17 loc) · 1.42 KB
/
tooltips.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="slv/base.css">
<body>
<?php require "components/navbar.html"; ?>
<div>
<h1>Tooltips</h1>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-top" aria-label="Tooltip">.slv-tooltip-top</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-right" aria-label="Tooltip">.slv-tooltip-right</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-bottom" aria-label="Tooltip">.slv-tooltip-bottom</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-left" aria-label="Tooltip">.slv-tooltip-left</a>
<h2>.slv-tooltip-long</h2>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-top slv-tooltip-long" aria-label="The quick brown fox jumps over the lazy dog">.slv-tooltip-top</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-right slv-tooltip-long" aria-label="The quick brown fox jumps over the lazy dog">.slv-tooltip-right</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-bottom slv-tooltip-long" aria-label="The quick brown fox jumps over the lazy dog">.slv-tooltip-bottom</a>
<a href="#" style="display:inline-block;margin:50px" class="slv-tooltip-left slv-tooltip-long" aria-label="The quick brown fox jumps over the lazy dog">.slv-tooltip-left</a>
</div>
</body>