Undercover Stack

This Undercover Stack brings you a tool for creating a fancy teaser button that will expand itself horizontally by hovering over it. You can add content that will be displayed on the expanded area.

Examples

Simple text
Stacks Image 5085
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Content Scroller Stack inside
Stacks Image 5099
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Centered
Stacks Image 5126
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend

Settings

    Items: Number of boxes you want to create. Each gets the same attributes of the settings you create
    Min. Width: Minimum horizontal width
    Max. Width: The size it expands to when hovering over it
    Height: Fixed height of the box
    Border Color
    Border radius: You can setup up rounded corners. 0 means no rounded corner at all
    Border width
    Shadow
      Shadow Color
    Title: Show the title
    Center: Enable to center the icon. The content will evenly expand to the left and right. Disable to align the icon left and expand the content only to the right.

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer 9+ (no rounded corners and shadows on IE <= 8)
  • Firefox

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3

Screencast

Stacks Image 7169