+++++++++++++++
+++ Ripple effect +++
+++++++++++++++
| attribute | value | where |
|---|---|---|
| data-reaction-color | color value; RGB,HEX, Name, ... | Body |
| data-reaction-duration | number in seconds, between 0.1s - 1s | Body |
| ripple-reaction-effect | THIS IS A CLASS | Element |
+++++++++++++++
+++ Push effect +++
+++++++++++++++
| attribute | value | where |
|---|---|---|
| data-reaction-startPush | number value, from 0 - 1 | Body |
| data-reaction-endPush | number value, from 0 - 1 | Body |
| push-reaction-effect | THIS IS A CLASS | Element |
+++++++++++++++
+++ Color effect +++
+++++++++++++++
| attribute | value | where |
|---|---|---|
| data-reaction-bg-color | color value; RGB,HEX, Name, ... | Body |
| color-reaction-effect | THIS IS A CLASS | Element |
+++++++++++++++
+++ Hover effect +++
+++++++++++++++
| attribute | value | where |
|---|---|---|
| enable-hover-reaction | THIS IS A CLASS | Body |
| data-reaction-hover | color value; RGB,HEX, Name, ... | Body |