[rz] Card *** UPD 2020-Jun-10 ***
Posted: Mon May 11, 2020 6:02 pm
[rz] Card v1.1
This pure CSS extension builds simple yet versatile and extremely lightweight cards-style information blocks.
Some features:
- Fixed, RWD and fluid support.
- Panels configuration.
- Optional image with standard or proportional sizing.
- Optional links with highly configurable buttons.
- Versatile buttons sizing with optional braklines.
- Selectable standard (shorter) or more compatible (larger) CSS.
- Zoom effect with smart z-order handling.
- Zoom with optional "heartbeat" mode.
- Mobiles support.
- No libraries, no jQuery, no extra dependencies.
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
* New in version 1.1
- Optional image zoom when the mouse is over the card.
How to use?
1. Drag and drop an extension instance.
2. Optionally, select the image and its style and appearance.
3. Enter the (optional) caption, the (optional) text areas and the (optional) buttons area and their styles.
4. Optionally, select the zoom effect and its behavior.
5. Preview or publish.
Enjoy!
This pure CSS extension builds simple yet versatile and extremely lightweight cards-style information blocks.
Some features:
- Fixed, RWD and fluid support.
- Panels configuration.
- Optional image with standard or proportional sizing.
- Optional links with highly configurable buttons.
- Versatile buttons sizing with optional braklines.
- Selectable standard (shorter) or more compatible (larger) CSS.
- Zoom effect with smart z-order handling.
- Zoom with optional "heartbeat" mode.
- Mobiles support.
- No libraries, no jQuery, no extra dependencies.
...and more!
HTML 4.01 Transitional
W3C compliant
DEMO
* New in version 1.1
- Optional image zoom when the mouse is over the card.
How to use?
1. Drag and drop an extension instance.
2. Optionally, select the image and its style and appearance.
3. Enter the (optional) caption, the (optional) text areas and the (optional) buttons area and their styles.
4. Optionally, select the zoom effect and its behavior.
5. Preview or publish.
Enjoy!