Skip to content

Instantly share code, notes, and snippets.

@unixnexo
Last active August 29, 2024 11:05
Show Gist options
  • Select an option

  • Save unixnexo/6cead1f8c7c80cdb82568cbc35cec76a to your computer and use it in GitHub Desktop.

Select an option

Save unixnexo/6cead1f8c7c80cdb82568cbc35cec76a to your computer and use it in GitHub Desktop.

+++++++++++++++
+++ 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment