Tutorial by Topics: card

A FrameLayout with a rounded corner background and shadow.

CardView uses elevation property on Lollipop for shadows and falls back to a custom emulated shadow implementation on older platforms.

Due to expensive nature of rounded corner clipping, on platforms before Lollipop, CardView does not clip its children that intersect with rounded corners. Instead, it adds padding to avoid such intersection (See setPreventCornerOverlap(boolean) to change this behavior).

This topic is about how to create a <md-card>, which you can use for blog posts and other things.

Cards are a vital part of the Materialize CSS framework, they provide a semantic and beautiful approach to showing content in an understandable way.

Page 1 of 1