Skip to content

Instantly share code, notes, and snippets.

View unixnexo's full-sized avatar
:copilot:
hate working in IT

Ali Bolouki unixnexo

:copilot:
hate working in IT
17 followers · 53 following
View GitHub Profile
@unixnexo
unixnexo / index2.html
Last active August 29, 2024 11:06
<!-- 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>
@unixnexo
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
@unixnexo
unixnexo / index1.html
Created August 29, 2024 10:02
<script defer src="./reaction.min.js"></script>
@unixnexo
unixnexo / style2.css
Created August 29, 2024 09:55
* {
box-sizing: border-box;
}
@unixnexo
unixnexo / style1.css
Last active August 29, 2024 09:54
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 {
@unixnexo
unixnexo / gist:acd480b8ea3c667606833f2c74c15b9e
Created February 24, 2023 15:39
Similarly, the following search query will list publicly accessible phpMyAdmin installations.
@unixnexo
unixnexo / gist:fc744bb02aa1a227db70d8b466d483c2
Created February 24, 2023 15:36
intitle:"index of" filetype:sql
@unixnexo
unixnexo / gist:e8cf1b5c0191cb93432e9b5ea2c73f28
Created December 16, 2022 16:38
which $SHELL