Initial commit
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
.description {
|
||||
color: rgb(85, 85, 85);
|
||||
font-family: "Mulish", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.techIcon {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.techIcon:hover {
|
||||
transform: scale(1.15) rotate(-5deg);
|
||||
}
|
||||
.animatedImage {
|
||||
height: 400px;
|
||||
width: 400px;
|
||||
border: 3px solid rgb(45, 46, 50);
|
||||
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
|
||||
animation: imgAnim 8s ease-in-out infinite;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@keyframes imgAnim {
|
||||
0% {
|
||||
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
|
||||
}
|
||||
50% {
|
||||
border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
|
||||
}
|
||||
100% {
|
||||
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user