diff --git a/guides/user-experience/linear-easing/demo.html b/guides/user-experience/linear-easing/demo.html
new file mode 100644
index 00000000..940f8096
--- /dev/null
+++ b/guides/user-experience/linear-easing/demo.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>linear-easing Demo</title>
+<style>
+  body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    margin: 0;
+    background-color: #f0f0f0;
+    font-family: system-ui, sans-serif;
+  }
+
+  .container {
+    height: 300px;
+    width: 200px;
+    border-bottom: 4px solid #333;
+    position: relative;
+  }
+
+  .ball {
+    width: 50px;
+    height: 50px;
+    background-color: #e74c3c;
+    border-radius: 50%;
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    animation: bounce 2s infinite;
+    /* Fallback */
+    animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
+    /* Complex bounce approximation */
+    animation-timing-function: linear(
+      0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 13.6%, 0.25, 0.391, 0.563, 0.765, 1,
+      0.891 40.9%, 0.848, 0.813, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785,
+      0.813, 0.848, 0.891 68.2%, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953,
+      0.973, 1, 0.988, 0.984, 0.988, 1
+    );
+  }
+
+  @keyframes bounce {
+    0% { bottom: 100%; }
+    100% { bottom: 0; }
+  }
+</style>
+</head>
+<body>
+  <div class="container">
+    <div class="ball"></div>
+  </div>
+</body>
+</html>
diff --git a/guides/user-experience/linear-easing/guide.md b/guides/user-experience/linear-easing/guide.md
new file mode 100644
index 00000000..52ea1edb
--- /dev/null
+++ b/guides/user-experience/linear-easing/guide.md
@@ -0,0 +1,10 @@
+---
+name: linear-easing
+description: Approximate complex easing curves for CSS animations using the linear() function
+web-feature-ids:
+  - linear-easing
+sources:
+  - https://drafts.csswg.org/css-easing-2/#linear-easing-function
+  - https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/linear
+  - https://developer.chrome.com/docs/css-ui/css-linear-easing-function
+---
