diff --git a/.changeset/funny-ties-jump.md b/.changeset/funny-ties-jump.md
new file mode 100644
index 0000000000..9cea2bde9e
--- /dev/null
+++ b/.changeset/funny-ties-jump.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure that CSS is generated for the final frame of a transition
diff --git a/packages/svelte/src/internal/client/dom/elements/transitions.js b/packages/svelte/src/internal/client/dom/elements/transitions.js
index cc98aa3be4..a9f55d940f 100644
--- a/packages/svelte/src/internal/client/dom/elements/transitions.js
+++ b/packages/svelte/src/internal/client/dom/elements/transitions.js
@@ -322,7 +322,7 @@ function animate(element, options, counterpart, t2, callback) {
 	if (css) {
 		// WAAPI
 		var keyframes = [];
-		var n = duration / (1000 / 60);
+		var n = Math.ceil(duration / (1000 / 60)); // `n` must be an integer, or we risk missing the `t2` value
 
 		for (var i = 0; i <= n; i += 1) {
 			var t = t1 + delta * easing(i / n);
diff --git a/packages/svelte/tests/runtime-legacy/samples/transition-css-iframe/_config.js b/packages/svelte/tests/runtime-legacy/samples/transition-css-iframe/_config.js
index 255de7dca7..5363362a11 100644
--- a/packages/svelte/tests/runtime-legacy/samples/transition-css-iframe/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/transition-css-iframe/_config.js
@@ -19,6 +19,6 @@ export default test({
 		assert.equal(div.style.opacity, '0.25');
 
 		raf.tick(35);
-		assert.equal(div.style.opacity, '0.18333333333333335');
+		assert.equal(div.style.opacity, '0.15');
 	}
 });