TuckedCorners Stack

Tucked Corners Stack

shows a block of text or an image with tucked corners

Use this stack to draw extra attention to some text or an image in a subtle way.

Below are two examples. The effect is particularly nice with a ‘paper’ background, e.g. using my Simple Background Repeat stack like on the demo page.
You see? It’s curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’?
How To Save A Marriage…


Just drag a text or image stack in the drop zone of the stack. First, select the kind of content you’ll use in the stack (image or text). When using with an image, a 10px ‘border’ around it is inevitable. Use the background color setting to set the color of this ‘border’.

When using an image in combination with a responsive theme, you may need to select fluid image in the HUD and set a max width to the image (including 2×10px for the ‘border’).

Need help using it on a non-stacks page? Here’s a tutorial.

There are many articles how to make tucked corners with CSS. This stack is inspired on an article by Catalin Rosu.

The tucked corners will not be shown in Internet Explorer worse than version 10. Visitors using such a annoying legacy browser will see a normal block of text or image.

Please use this form to report all issues, questions and comments.

This stack requires the Stacks plugin by YourHead (version 2 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
TuckedCorners HUD
© 2012-2018 Marathia Web Design | Contact