Animated CSS Input free code

Preview:-

Don't forget to give credit:- Mo Waseem

join my telegram channel for updates:- https://t.me/SawggerUi

sometimes link dosent work so copy the link and paste into saved message in telegram and the click on the link.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<input type="text" class="input" placeholder="Type something here..." autocomplete="off">
</body>
</html>

styles.css

body{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #212121;
  overflow: hidden;
}
.input{
  color:#8707ff;
  border:2px solid #8707ff;
  padding: 10px 25px;
  background-color: transparent;
  border-radius: 15px;
  max-width: 190px;
}
.input:active{
box-shadow:2px 2px 15px #8707ff inset;
}

main.js

/* Replace with your JS Code 
(Leave empty if not needed) */
​

Animated CSS Input free code

Animated CSS Input free code

Preview:-

Don't forget to give credit:- Mo Waseem

index.htmlCopy

styles.cssCopy

main.js Copy

Post a Comment

index.html

styles.css

main.js