opacity/index.html at master · webmural/opacity · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<title>opacity mural</title>
<meta name=viewport content="width=device-width">
<meta name=color-scheme content="dark light">
<meta name=theme-color content="#bae">
<meta name=description content="opacity cascade">
<link rel="stylesheet" href="ethereal.css" media=(color)>
<link rel="stylesheet" href="element.css">
<link rel="license" href="UNLICENSE.txt">
<link rel="icon" href="sky.svg">

<article>
  <header class="hoop toro">
    <h1>
      <code>opa<i>city</i></code>
      <a href="/">wel<kbd>com</kbd>es</a>
      <a href="/css" style="opacity:0.6">you</a>
    </h1>
  </header>
  <ol aria-label="opacity demo">
    <li tabindex="0" style="opacity:1">1
    <li tabindex="0" style="opacity:0.9">0.9
    <li tabindex="0" style="opacity:0.8">0.8
    <li tabindex="0" style="opacity:0.7">0.7
    <li tabindex="0" style="opacity:0.6">0.6
    <li tabindex="0" style="opacity:0.5">0.5
    <li tabindex="0" style="opacity:0.4">0.4
    <li tabindex="0" style="opacity:0.3">0.3
    <li tabindex="0" style="opacity:0.2">0.2
    <li tabindex="0" style="opacity:0.1">0.1
    <li tabindex="0" style="opacity:0">0
  </ol>
  <nav class="hoop toro" aria-label="mage rhapsody">
    <a href="/emit">our</a>
    <a href="/mpf">faders</a>
    <a href="/aoyo">are up</a>
    <a href="/mahalo">creating</a>
  </nav>
</article>