diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index a33e3dd42..1341846af 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -8,6 +8,17 @@ html {
box-sizing: inherit;
}
+/* Show custom elements only after they're registered */
+:not(:defined),
+:not(:defined) * {
+ opacity: 0;
+}
+
+:defined {
+ opacity: 1;
+ transition: 0.1s opacity;
+}
+
body {
font-family: var(--sl-font-sans);
font-size: var(--sl-font-size-medium);
diff --git a/docs/index.html b/docs/index.html
index 16a440cb1..19499aac2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -39,9 +39,9 @@
-
+
-
+