[rz] Card *** UPD 2020-Jun-10 ***
[rz] Card *** UPD 2020-Jun-10 ***
[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!
Last edited by [RZ] on Wed Jun 10, 2020 11:54 am, edited 1 time in total.
Re: [rz] Card
WOW! just WOW!
I am loving your entry to the world of pure CSS. I look forward to seeing more of your talent in this class.
I am loving your entry to the world of pure CSS. I look forward to seeing more of your talent in this class.

Good news everyone! COVID-19 is STILL here!
Re: [rz] Card
thank you for your kind feedback 
let's see....

let's see....
Re: [rz] Card
When I look at the example I see that it does not scale to smaller screens
Re: [rz] Card
if you show in the demo that the extension is scalable I want to buy it
Re: [rz] Card
it works works with layout grids as well
Re: [rz] Card
Then it doesn't seem that difficult to make a demo with a layout grit so I can see how it works
Groet Bas
Groet Bas
Re: [rz] Card
the online demo has been updated
Re: [rz] Card *** UPD 2020-Jun-10 ***
* New in version 1.1
- Optional image zoom when the mouse is over the card.
- Optional image zoom when the mouse is over the card.
Re: [rz] Card *** UPD 2020-Jun-10 ***
Judging by the demo, it doesn't work with fluid ??
Groet Bas
Groet Bas
Re: [rz] Card *** UPD 2020-Jun-10 ***
How do you get the update if you have just bought it?
Re: [rz] Card *** UPD 2020-Jun-10 ***
customers will need to contact privately
Re: [rz] Card *** UPD 2020-Jun-10 ***
not the fluid demo?