|
1 | 1 | <section id="example-choice-list" class="example-choice-list large" data-property="transform-origin"> |
2 | | - <div class="example-choice"> |
3 | | - <pre><code class="language-css" data-animation="rotate">transform-origin: center;</code></pre> |
| 2 | + <div class="example-choice" data-animation="rotate"> |
| 3 | + <pre><code class="language-css">transform-origin: center;</code></pre> |
4 | 4 | <button type="button" class="copy hidden" aria-hidden="true"> |
5 | 5 | <span class="visually-hidden">Copy to Clipboard</span> |
6 | 6 | </button> |
7 | 7 | </div> |
8 | 8 |
|
9 | | - <div class="example-choice"> |
10 | | - <pre><code class="language-css" data-animation="rotate">transform-origin: top left;</code></pre> |
| 9 | + <div class="example-choice" data-animation="rotate"> |
| 10 | + <pre><code class="language-css">transform-origin: top left;</code></pre> |
11 | 11 | <button type="button" class="copy hidden" aria-hidden="true"> |
12 | 12 | <span class="visually-hidden">Copy to Clipboard</span> |
13 | 13 | </button> |
14 | 14 | </div> |
15 | 15 |
|
16 | | - <div class="example-choice"> |
17 | | - <pre><code class="language-css" data-animation="rotate">transform-origin: 50px 50px;</code></pre> |
| 16 | + <div class="example-choice" data-animation="rotate"> |
| 17 | + <pre><code class="language-css">transform-origin: 50px 50px;</code></pre> |
18 | 18 | <button type="button" class="copy hidden" aria-hidden="true"> |
19 | 19 | <span class="visually-hidden">Copy to Clipboard</span> |
20 | 20 | </button> |
21 | 21 | </div> |
22 | 22 |
|
23 | | - <div class="example-choice"> |
24 | | - <pre><code class="language-css" data-animation="rotate3d">transform-origin: bottom right 60px;</code></pre> |
| 23 | + <div class="example-choice" data-animation="rotate3d"> |
| 24 | + <pre><code class="language-css">/* 3D rotation with z-axis origin */ |
| 25 | +transform-origin: bottom right 60px;</code></pre> |
25 | 26 | <button type="button" class="copy hidden" aria-hidden="true"> |
26 | 27 | <span class="visually-hidden">Copy to Clipboard</span> |
27 | 28 | </button> |
|
0 commit comments