Skip to content

Instantly share code, notes, and snippets.

View iamlearning1's full-sized avatar
:octocat:
Focusing

Deepak Kumar iamlearning1

:octocat:
Focusing
  • Madrid
View GitHub Profile
@iamlearning1
iamlearning1 / index.css
Last active October 5, 2022 11:22
Switch Component
:root {
--track-width: 60px;
--track-height: 30px;
--track-border-radius: 20px;
--switch-width: 25px;
--switch-height: 25px;
--switch-position-top: 2.5px;
--switch-position: 4px;
@iamlearning1
iamlearning1 / index.css
Created October 5, 2022 15:43
Rotating Cards
.container {
position: relative;
width: 300px;
height: 360px;
margin: 20px auto;
}
.card {
perspective: 1500px;
width: 100%;
@iamlearning1
iamlearning1 / index.css
Created October 11, 2022 19:07
Typing Animation
div {
width: 6ch;
white-space: nowrap;
overflow: hidden;
animation: typing 2s steps(6),
cursor 2s;
border-right: 3px solid black;
font-size: 40px;
margin: 20px auto;
}