Meteors

Meteors is a nestable block element. You can put any elements at it and edit it’s display settings at the Style tab.
Meteors is made of “Meteor” elements and a “Content” element. Each “Meteor” has it’s own editable controls.
All the content you want to put at Meteors should be placed at “Content” element.
Meteors element have “Content” element styling controls at it, including a backdrop filter. But you can set any other styles you need at the “Content” style tab.

Line is the path followed by the meteor. You can style it’s position using “top” and “rotate” controls.
Meteor dimensions have to be set using the width control.
Each Meteor created is a canvas element, and their colors must be set using Hue and Saturation properties from HSL.
Each Meteor has it’s own speed (duration), delay and easing. All of them are CSS properties. Setting a negative delay will result in the meteor displaying after the negative seconds set.

– Tamu