## Click a button on the Side

Based on the Side Menu for Android from Yalantis

I wanted to see if I could create this effect in CSS/JS and this is what I came up with.

This demo uses CSS `clip-path` and will only work properly in Chrome . It looks like `clip-path` simple shapes will be in Firefox soon .

## The Blue Section

Based on the Side Menu for Android from Yalantis

I wanted to see if I could create this effect in CSS/JS and this is what I came up with.

This demo uses CSS `clip-path` and will only work properly in Chrome . It looks like `clip-path` simple shapes will be in Firefox soon .

## The Red Section

Based on the Side Menu for Android from Yalantis

I wanted to see if I could create this effect in CSS/JS and this is what I came up with.

This demo uses CSS `clip-path` and will only work properly in Chrome . It looks like `clip-path` simple shapes will be in Firefox soon .

## The Green Section

Based on the Side Menu for Android from Yalantis

I wanted to see if I could create this effect in CSS/JS and this is what I came up with.

This demo uses CSS `clip-path` and will only work properly in Chrome . It looks like `clip-path` simple shapes will be in Firefox soon .

## The Yellow Section

Based on the Side Menu for Android from Yalantis

I wanted to see if I could create this effect in CSS/JS and this is what I came up with.

This demo uses CSS `clip-path` and will only work properly in Chrome . It looks like `clip-path` simple shapes will be in Firefox soon .