diff --git a/gdk/broadway/broadway-protocol.h b/gdk/broadway/broadway-protocol.h
index f1b1504463..5dd5ba354e 100644
--- a/gdk/broadway/broadway-protocol.h
+++ b/gdk/broadway/broadway-protocol.h
@@ -18,6 +18,7 @@ typedef enum { /* Sync changes with broadway.js */
   BROADWAY_NODE_ROUNDED_CLIP = 6,
   BROADWAY_NODE_LINEAR_GRADIENT = 7,
   BROADWAY_NODE_SHADOW = 8,
+  BROADWAY_NODE_OPACITY = 9,
 } BroadwayNodeType;
 
 typedef enum {
diff --git a/gdk/broadway/broadway.js b/gdk/broadway/broadway.js
index 57565d5ad5..8f056c3a14 100644
--- a/gdk/broadway/broadway.js
+++ b/gdk/broadway/broadway.js
@@ -614,6 +614,20 @@ SwapNodes.prototype.handle_node = function(parent, offset_x, offset_y)
         }
         break;
 
+    case 9:  // OPACITY
+        {
+            var opacity = this.decode_float();
+            var div = document.createElement('div');
+            div.style["position"] = "absolute";
+            div.style["left"] = px(0);
+            div.style["top"] = px(0);
+            div.style["opacity"] = opacity;
+
+            parent.appendChild(div);
+            this.handle_node(div, offset_x, offset_y);
+        }
+        break;
+
 
     default:
         alert("Unexpected node type " + type);
diff --git a/gdk/broadway/broadwayd.c b/gdk/broadway/broadwayd.c
index 6314ce92e4..7deb114272 100644
--- a/gdk/broadway/broadwayd.c
+++ b/gdk/broadway/broadwayd.c
@@ -269,6 +269,10 @@ rewrite_node_textures (BroadwayClient *client,
     pos += n_shadows * NODE_SIZE_SHADOW;
     pos = rewrite_node_textures (client, len, data, pos);
     break;
+  case BROADWAY_NODE_OPACITY:
+    pos += NODE_SIZE_FLOAT;
+    pos = rewrite_node_textures (client, len, data, pos);
+    break;
   default:
     g_assert_not_reached ();
   }
diff --git a/gsk/gskbroadwayrenderer.c b/gsk/gskbroadwayrenderer.c
index 49e4f7722c..5935b22cde 100644
--- a/gsk/gskbroadwayrenderer.c
+++ b/gsk/gskbroadwayrenderer.c
@@ -455,6 +455,16 @@ gsk_broadway_renderer_add_node (GskRenderer *self,
       }
       return;
 
+    case GSK_OPACITY_NODE:
+      {
+        add_uint32 (nodes, BROADWAY_NODE_OPACITY);
+        add_float (nodes, gsk_opacity_node_get_opacity (node));
+        gsk_broadway_renderer_add_node (self, nodes, node_textures,
+                                        gsk_opacity_node_get_child (node));
+      }
+      return;
+
+    case GSK_COLOR_MATRIX_NODE:
     case GSK_TEXT_NODE:
     default:
       break; /* Fallback */