Alexandru Marc
8b56e6f94e
Backed out changeset 4f612a4f2b91 (bug 1941755) Backed out changeset ba75a8e0c246 (bug 1941755) Backed out changeset 81d3f4ef3f78 (bug 1941755) Backed out changeset 481bdd9544eb (bug 1941755) Backed out changeset 23accc252467 (bug 1941755) Backed out changeset 27cc29112880 (bug 1941755)
47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Test (Transforms): Input (type=radio)</title>
|
|
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
|
|
<link rel="reviewer" title="Apple Inc." href="http://www.apple.com">
|
|
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
|
|
<meta name="assert" content='The input element is an atomic inline element,
|
|
so it falls under the definition of transformable and should be affected by
|
|
transformations as usual. This is one in a series of tests that verify
|
|
that a few simple transforms have the expected effect on various types of
|
|
inputs. (They only test a few very specific transforms because it would be
|
|
difficult to construct a correct reference file for more complex
|
|
transforms.)'>
|
|
<link rel="match" href="transform-input-018-ref.html">
|
|
<style>
|
|
input {
|
|
/* Margin to avoid overlap of translated inputs */
|
|
margin: 10px;
|
|
}
|
|
p + input {
|
|
transform: rotate(360deg);
|
|
}
|
|
p + input + input {
|
|
transform: translateX(-10px);
|
|
}
|
|
p + input + input + input {
|
|
transform: translateX(10px);
|
|
}
|
|
p + input + input + input + input {
|
|
transform: translateY(-10px);
|
|
}
|
|
p + input + input + input + input + input {
|
|
transform: translateY(10px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>type=radio</p>
|
|
<input type="radio" checked>
|
|
<input type="radio">
|
|
<input type="radio" checked>
|
|
<input type="radio">
|
|
<input type="radio" checked>
|
|
</body>
|
|
</html>
|