index.html

<!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>

<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>Specs tested:</h1>
		<ul id="specsTested"></ul>
		Want more tests? <a href="https://github.com/LeaVerou/css3test" target="_blank">Be my guest!</a>
	</section>

	<section>
		<h1>Cheaters</h1>
		<ul>
			<li>WebKit claims to support CSS3 background-repeat, but it’s LYING</li>
		</ul>
	</section>
</aside>

<footer>
	<a id="mark" href="http://lea.verou.me"><img src="http://lea.verou.me/mark.svg" title="Lea Verou was here" alt="Lea Verou was here" /></a>
	<p>
		<a href="http://www.browserscope.org/user/tests/table/agt1YS1wcm9maWxlcnINCxIEVGVzdBidzawNDA" target="_blank">Results</a>
		&#10047; Handcrafted by <a href="http://lea.verou.me">Lea Verou</a>
		&#10047; <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=lea%40verou%2eme&amp;lc=GR&amp;item_name=Lea%20Verou&amp;currency_code=EUR&amp;bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">Donate</a></p>
</footer>

<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"></script>
<script src="tests.js"></script>

</body>
</html>