Jose Tamu
January 10, 2025 /
Advanced

Layer Button

Layer Button

Description

Layer Button supports up to four layers. If there are layers that don’t have to be included at the Button, you can just disable the layer at the switches available at the Content group . The demo uses only the first and second layers.
Each layer has it’s own group available at the Content tab and contains all it’s styling controls, transition duration and z-index properties.
Layers should follow a z-index structure to achieve an appropiate Layer Button effect. Same occurs with “3D Translate to”, that will translate the button to the distance set on hover and “3D Translate from”, that will translate the layer from the distance set by default.
Margin and Typography are shared by all layers and are available at the Style tab.