Line 24: | Line 24: | ||
font-size: 8vmax; | font-size: 8vmax; | ||
color: whitesmoke; | color: whitesmoke; | ||
− | -webkit-animation: effect | + | opacity: 0; |
− | animation: effect | + | -webkit-animation: effect 5s ease-in-out 1; |
− | + | -moz-animation: effect 5s ease-in-out 1; | |
− | + | -o-animation: effect 5s ease-in-out 1; | |
+ | animation: effect 5s ease 1; | ||
+ | -webkit-transform: scale(0); | ||
+ | -moz-transform: scale(0); | ||
+ | -o-transform: scale(0); | ||
+ | transform: scale(0) | ||
} | } | ||
@-webkit-keyframes effect { | @-webkit-keyframes effect { | ||
− | 0% {color: whitesmoke; -webkit-transform: scale( | + | 0% {color: whitesmoke; -webkit-transform: scale(0.8); opacity: 0.5;} |
− | + | 25% {color: #74ed46; -webkit-transform: scale(1.2); opacity: 1;} | |
− | 100% {color: whitesmoke; -webkit-transform: scale(1);} | + | 35% {color: #74ed46; -webkit-transform: scale(1.2); opacity: 1;} |
+ | 100% {color: whitesmoke; -webkit-transform: scale(0); opacity: 0;} | ||
+ | } | ||
+ | @-moz-keyframes effect { | ||
+ | 0% {color: whitesmoke; -moz-transform: scale(0.8); opacity: 0.5;} | ||
+ | 25% {color: #74ed46; -moz-transform: scale(1.2); opacity: 1;} | ||
+ | 35% {color: #74ed46; -moz-transform: scale(1.2); opacity: 1;} | ||
+ | 100% {color: whitesmoke; -moz-transform: scale(0); opacity: 0;} | ||
+ | } | ||
+ | @-o-keyframes effect { | ||
+ | 0% {color: whitesmoke; -o-transform: scale(0.8); opacity: 0.5;} | ||
+ | 25% {color: #74ed46; -o-transform: scale(1.2); opacity: 1;} | ||
+ | 35% {color: #74ed46; -o-transform: scale(1.2); opacity: 1;} | ||
+ | 100% {color: whitesmoke; -o-transform: scale(0); opacity: 0;} | ||
} | } | ||
@keyframes effect { | @keyframes effect { | ||
− | 0% {color: whitesmoke; transform: scale( | + | 0% {color: whitesmoke; transform: scale(0.8); opacity: 0.5;} |
− | + | 25% {color: #74ed46; transform: scale(1.2); opacity: 0.5;} | |
− | 100% {color: whitesmoke; transform: scale( | + | 35% {color: #74ed46; transform: scale(1.2); opacity: 0.5;} |
+ | 100% {color: whitesmoke; transform: scale(0); opacity: 0.5;} | ||
} | } | ||
/*about*/ | /*about*/ | ||
Line 130: | Line 149: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | $(window).on("load", function() { | ||
+ | var landingHeight = $(".sec#landing").height(); | ||
+ | $("body, html").delay(5000).animate({scrollTop: landingHeight}, 1000, "swing"); | ||
+ | }); | ||
+ | </script> | ||
<nav id="navbar"> | <nav id="navbar"> |
Revision as of 13:01, 12 October 2019
U N L E I S H
Visit us
Lab Number 205 and 206
Teaching and Research Complex
IISER Kolkata main campus
Mohanpur, Nadia
West Bengal, India-741246
IISER Kolkata website