-
Notifications
You must be signed in to change notification settings - Fork 82
/
index.html
94 lines (79 loc) · 4.77 KB
/
index.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>The CSS3 Test</title>
<link rel="stylesheet" href="style.css" />
<script>var _gaq = [['_setAccount', 'UA-28874455-1'], ['_trackPageview'], ['_gat._anonymizeIp']];</script>
<script src="https://www.google-analytics.com/ga.js" async></script>
</head>
<body>
<h1>The CSS3 test</h1>
<div id="content">
<section id="tests">
<div id="hgroup">
<h1>Your browser scores <strong id="score">0%</strong></h1>
<h2>Determined by passing <strong id="passedTests"></strong> tests out of <strong id="totalTests"></strong> total for <strong id="total"></strong> features</h2>
</div>
<section id="all"></section>
</section>
<aside>
<section class="caution">
<p><strong>Caution:</strong>
This test checks which CSS3 features the browser recognizes, <em>not</em> whether they are implemented correctly.</p>
</section>
<p>Time taken: <strong id="timeTaken"></strong></p>
<section>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=css3testcom" id="_carbonads_js"></script>
</section>
<section>
<h1>Filter:</h1>
<form>
<select id="filter">
<option value="" title="All specifications including experimental ones but without CSS 2.2">All except CSS 2.2</option>
<option value="all" title="All specifications including experimental ones">All</option>
<option value="stable" title="All specifications listed in the latest CSS snapshot, their predecessors and others that won't change much anymore">Stable</option>
<option value="experimental" title="All specifications not listed in the latest CSS snapshot">Experimental</option>
<optgroup label="Standardization groups">
<option value="csswg" title="All specifications managed by the CSS Working Group (CSSWG) except CSS Houdini">CSS</option>
<option value="houdini" title="All specifications related to CSS Houdini managed by the CSS Working Group (CSSWG)">CSS Houdini</option>
<option value="svgwg" title="All specifications managed by the SVG Working Group (SVGWG)">SVG</option>
<option value="whatwg" title="All specifications managed by the Web Hypertext Application Technology Working Group (WHATWG)">WHATWG</option>
<option value="others" title="All specifications managed by other standardization groups">Others</option>
</optgroup>
<optgroup label="CSS snapshots">
<option value="1998" title="Everything included in CSS 2.2">CSS 2.2</option>
<option value="2007" title="All specifications marked as official part of the CSS 2007 snapshot">CSS 2007</option>
<option value="2010" title="All specifications marked as official part of the CSS 2010 snapshot">CSS 2010</option>
<option value="2015" title="All specifications marked as official part of the CSS 2015 snapshot">CSS 2015</option>
<option value="2017" title="All specifications marked as official part of the CSS 2017 snapshot">CSS 2017</option>
<option value="2018" title="All specifications marked as official part of the CSS 2018 snapshot">CSS 2018</option>
<option value="2020" title="All specifications marked as official part of the CSS 2020 snapshot">CSS 2020</option>
<option value="2021" title="All specifications marked as official part of the CSS 2021 snapshot">CSS 2021</option>
<option value="2022" title="All specifications marked as official part of the CSS 2022 snapshot">CSS 2022</option>
<option value="2023" title="All specifications marked as official part of the CSS 2023 snapshot">CSS 2023</option>
</optgroup>
</select>
</form>
</section>
<section>
<h1>Specs tested:</h1>
<ul id="specsTested"></ul>
Want more tests? <a href="https://github.com/LeaVerou/css3test" target="_blank">Be my guest!</a>
</section>
<footer>
<p>
<a href="https://www.browserscope.org/user/tests/table/agt1YS1wcm9maWxlcnINCxIEVGVzdBidzawNDA" target="_blank">Results</a>
✿ Handcrafted by <a href="https://lea.verou.me">Lea Verou</a> and <a href="https://github.com/LeaVerou/css3test/graphs/contributors">friends</a>
✿ <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=lea%40verou%2eme&lc=GR&item_name=Lea%20Verou&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">Donate</a></p>
</footer>
</aside>
</div>
<a id="mark" href="https://lea.verou.me"><img src="https://lea.verou.me/mark.svg" title="Lea Verou was here" alt="Lea Verou was here" /></a>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=blissfuljs"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.3/bliss.js"></script>
<script src="supports.js"></script>
<script src="csstest.js" type="module"></script>
<script src="filter.js"></script>
</body>
</html>