Core UI and Core Animator were just released!

Brickscore / Elements / 
Spotlight

Spotlight

Core element

Spotlight

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus semper iaculis porttitor.

Arrow Button

Documentation

Spotlight is a mix blend element for creating stunning sections, specially heros. Spotlight is a nestable element. Elements affected by the spotlight should be placed inside it. It has the behaviour of a block so you can manage its display at pleasure. 

Settings

Dimensions

You can set Width and Height of the Spotlight right here. 100% and 100vh by default.

Background

If you want a custom background for the Spotlight block.

Spotlight

Type

There are 2 Spotlight types. Light or dark. Light by default.

Opacity

Determines the Spotlight opacity. 0.5 by default.

Height

Determines the Spotlight height inside the Spotlight block. 100% by default.

Speed

The higher the speed the higher the Spotlight animation will move. 60 by default.

CSS easing

Add an easing to the Spotlight animation. linear by default.

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.