Pure CSS Content Filter


This is a Pure CSS Content Filter by Sam Gordon

For a simpler effect with fewer lines of CSS, trade the width, height, padding, margin, and opacity properties in each checked input style for “display:none;” — these styles were just set to have a nice tranisition between filters.

See the Pen Pure CSS content filter by Sam Gordon (@samgordon) on CodePen.