Paper Elements for Google Sites



Paper Elements

paper-shadow

A drop shadow on a page element.

paper-tabs

A block style tabs with material design animation.

paper-button

A standard paper element styled button, flat and raised with a shadow.

paper-icon-button

A button using a icon instead of text.

paper-ripple

The ripple effect caused by clicking on a page element.

paper-shadow

The standard shadow define by its z axis value.

paper-slider

The slider format for rating and incremental values etc..

paper-toast

The notification displayed at the bottom of a sites page or application.

paper-checkbox

A paper elements stylized checkbox

paper-radio-group

A group of radio buttons with paper elements style.

paper-radio-button

A radio button with paper elements ripple animation effect.

paper-input

A input button with paper elements ripple animation effect.

paper-focusable

An animated precise effect for the focused click of a mouse using the ripple effect.

paper-toggle-button

A button to toggle on/off etc..

paper-fab

An iconic button for a focused call to action.

paper-dialog

A dialog box for notification on page.

paper-item

A list / menu item button

paper-progress

A progress bar for event completion status.

paper-menu-button


Paper Shadow


Lets have a basic look at Paper shadow in its raw inline CSS form for Google Sites emulation.