diff --git a/assets/css/style.css b/assets/css/style.css index 723441a..f8fbb27 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -43,16 +43,20 @@ h6, } .card-icon{ - background-color: #3498db; + background-color: #000000; border-radius: 20px; width: 40px; height: 40px; margin: 4%; + transition: all 0.2s ease-in-out; } .card-icon i{ color: wheat; margin: 30%; } +.card-icon:hover{ + transform: scale(1.2); +} /*-------------------------------------------------------------- # Back to top button @@ -420,6 +424,27 @@ h6, text-align: center; } +.float{ + animation: float 10s linear infinite; + +} + +@keyframes float { + 0% { + transform: translateY(0px); + opacity: 1; + } + 50% { + transform: translateY(-80px); + opacity: 1; + } + 100% { + transform: translateY(0px); + opacity: 1; + } + +} + #hero h2 { color: #fff; margin-bottom: 30px; diff --git a/index.html b/index.html index 76e25f5..54e7e2c 100644 --- a/index.html +++ b/index.html @@ -412,7 +412,7 @@ > About | IIITians Network | IIIT | Community | Indian Institute of Information Technology