Skip to content
This repository was archived by the owner on Oct 17, 2025. It is now read-only.

Commit 92c1c7a

Browse files
authored
fix: Fix JS for CSS transform-origin example (#2875) (#2876)
1 parent 05e3f2c commit 92c1c7a

File tree

2 files changed

+10
-9
lines changed

2 files changed

+10
-9
lines changed

live-examples/css-examples/transforms/transform-origin.html

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,28 @@
11
<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>
44
<button type="button" class="copy hidden" aria-hidden="true">
55
<span class="visually-hidden">Copy to Clipboard</span>
66
</button>
77
</div>
88

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>
1111
<button type="button" class="copy hidden" aria-hidden="true">
1212
<span class="visually-hidden">Copy to Clipboard</span>
1313
</button>
1414
</div>
1515

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>
1818
<button type="button" class="copy hidden" aria-hidden="true">
1919
<span class="visually-hidden">Copy to Clipboard</span>
2020
</button>
2121
</div>
2222

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>
2526
<button type="button" class="copy hidden" aria-hidden="true">
2627
<span class="visually-hidden">Copy to Clipboard</span>
2728
</button>

live-examples/css-examples/transforms/transform-origin.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
window.addEventListener('load', () => {
44
function update() {
5-
const selected = document.querySelector('.selected code');
5+
const selected = document.querySelector('.selected');
66

77
/* Restart the animation
88
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Tips */

0 commit comments

Comments
 (0)