Ali Bolouki unixnexo

## index2.html
<!-- Here I wanna have a push effect along side hover effect -->
<body enable-hover-reaction data-reaction-hover="rgba(128, 128, 128, 0.111)" data-reaction-startPush="0.8" data-reaction-endPush="1">
  <button class="push-reaction-effect">click/touch me!</button>
  <a href="#" class="push-reaction-effect">let's go!</a>
</body>

## init.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                unixnexo
                / init.md
            
            
              Last active
              August 29, 2024 11:05
            
          
    +++++++++++++++

+++ 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


## index1.html
<script defer src="./reaction.min.js"></script>

## style2.css
* {
    box-sizing: border-box;
}

## style1.css
span.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple .8s linear;
    background-color: rgba(128, 128, 128, 0.533); // put any color, doesn't matter
}

@keyframes ripple {
    to {

## gist:acd480b8ea3c667606833f2c74c15b9e
Similarly, the following search query will list publicly accessible phpMyAdmin installations.

## gist:fc744bb02aa1a227db70d8b466d483c2
intitle:"index of" filetype:sql

## gist:e8cf1b5c0191cb93432e9b5ea2c73f28
which $SHELL
	<!-- Here I wanna have a push effect along side hover effect -->
	<body enable-hover-reaction data-reaction-hover="rgba(128, 128, 128, 0.111)" data-reaction-startPush="0.8" data-reaction-endPush="1">
	<button class="push-reaction-effect">click/touch me!</button>
	<a href="#" class="push-reaction-effect">let's go!</a>
	</body>
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
	span.ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	animation: ripple .8s linear;
	background-color: rgba(128, 128, 128, 0.533); // put any color, doesn't matter
	}

	@keyframes ripple {
	to {