Material Card example
Budget: $10 – $30 USD
Hi,
As you know, material cards can expand to reveal information (see the video).
https://kstatic.googleusercontent.com/files/7734f294e44e56dd5c5fa68c906efb8f3cbdab45441b2fe0ebd355bcf96fd74eb0bd9cb0f2a2544264a6e7bbd33d5e33ff5dda82eb2b0d431d320a4c94f33575
I want an example code (implemented for the web) of how to do this in a single HTML file in the client using a direct link to the CDN material CSS. (not installing any package)
The task is to have three cards, each card has a short text on one face and long text on the other face.
If the user clicks on a card, the card should reveal the long text.
Note: one card only should be expanded at the time.
Note: the card must not have an image (like the attached screenshot)
As you know, material cards can expand to reveal information (see the video).
https://kstatic.googleusercontent.com/files/7734f294e44e56dd5c5fa68c906efb8f3cbdab45441b2fe0ebd355bcf96fd74eb0bd9cb0f2a2544264a6e7bbd33d5e33ff5dda82eb2b0d431d320a4c94f33575
I want an example code (implemented for the web) of how to do this in a single HTML file in the client using a direct link to the CDN material CSS. (not installing any package)
The task is to have three cards, each card has a short text on one face and long text on the other face.
If the user clicks on a card, the card should reveal the long text.
Note: one card only should be expanded at the time.
Note: the card must not have an image (like the attached screenshot)