disconnect crd co codes cr. enbjjk

<!DOCTYPE html>
<html>
<head>
<title>disconnect crd co scrollbox code! pls cr. enbjjk if u use (dont remove the credits ^^) enjoy!!!</title>
</head>
<body>
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Gamja+Flower&amp;display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">

  <style>
    .container01 {
position: relative;
width: 100%;
}

.image01 {
display: block;
width: 100%;
height: auto;
border: 1px solid black;
border-radius: 8px;
}

.overlay01 {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background: radial-gradient(circle, rgba(214,187,135,1) 0%, rgba(168,190,254,1) 100%);
overflow: hidden;
width: 100%;
height:0;
transition: 0.8s;
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
}

.container01:hover .overlay01 {
animation: shake 1s, image_blur 1s;
transition: all 1s ease-in-out;
transition-timing-function: cubic-bezier(0.1, 0.8, 0.9, 0.1);
bottom: 0;
height: 100%;
border: 1px solid black;
border-radius: 8px;
}

.text01 {
color: black;
font-family: 'Kosugi Maru', sans-serif;
font-size: 13px;
text-align: left;
overflow: auto;
width: 100%;
height: 100%;
padding: 10px;
line-height: 1.2em;
letter-spacing: -0.05;
}

mark1 {
border: 1px solid black;
background: pink;
border-radius: 50%;
font-weight: 800;
padding: 3px;
padding-left: 2px;
padding-right: 2px;
}

@keyframes
shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}

10% {
transform: translate(-1px, -2px) rotate(-1deg);
}

20% {
transform: translate(-3px, 0px) rotate(1deg);
}

30% {
transform: translate(3px, 2px) rotate(0deg);
}

40% {
transform: translate(1px, -1px) rotate(1deg);
}

50% {
transform: translate(-1px, 2px) rotate(-1deg);
}

60% {
transform : translate(-3px, 1px) rotate(0deg);
}

70% {
transform: translate(3px, 1px) rotate(-1deg);
}

80% {
transform: translate(-1px, -1px) rotate(1deg);
}

90% {
transform: translate(1px, 2px) rotate(0deg);
}

100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}

@-webkit-keyframes image_blur {
0% {
-webkit-filter: blur(0px);
}

50% {
-webkit-filter: blur(5px);
}

100% {
-webkit-filter: blur(0px);
}
}

@keyframes
fadeIn {
0%, 80% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@-webkit-keyframes fadeIn {
0%, 80% {
opacity: 0;
}

100% {
opacity: 1;
}
}
  </style>

<div class="container01">
<img src="https://dl.dropbox.com/s/6x7ka37gmkrh9x1/Photo%2001-12-2021%2019%2048%2052.jpg" alt="Avatar" class="image01">
<div class="overlay01">
<div class="text01">
info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info 
info info info info info info info info info info info info info info info info info info info info info info info info info info <strong>cr. enbjjk</strong>
<br></br>
<mark1>LIKES!</mark1> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
</div>
</div>

</body>
</html>

Check out our Python playground!