Get Elements Hive

Border Beam

Add an eye-catching animated border beam that travels around the edges of your elements. With different visual styles to choose from, you can effortlessly create a sleek futuristic border effect to highlights important content.

 

Border Beam

  • Enabled: Enables the Border Beam extension
  • Style: The border beam style
    • Default: Solid color and gradient style
    • Fancy: Fluid Aura style
  • Duration: Time it takes for the beam to travel the element
  • Delay: Time delay before the animation starts
  • From Color: Start Color of the beam ( Default style only )
  • To Color: End Color of the beam ( Default style only )
  • Beam Size: The width of the beam ( Default style only )
  • Border Width: The height of the beam ( Default style only )
  • Reverse: Reverse animation direction ( Default style only )
  • Size: Controls the shape of the beam  ( Fancy style only )
  • Color Variant: Color style ( Fancy style only )
  • Strength: Intensity of the effect ( Fancy style only )
  • Brightness: Color brightness of effect ( Fancy style only )
  • Saturation: Color saturation of the effect ( Fancy style only )
  • Color Shift Range: Color Hue-shift range ( Colorful variant only )
  • Static Color: Turns off the color hue shift animation ( Colorful variant only )