Spaces:
Running
Running
| /* Custom Scrollbar for Stories */ | |
| .scrollbar-hide::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .scrollbar-hide { | |
| -ms-overflow-style: none; | |
| scrollbar-width: none; | |
| } | |
| /* General Animations */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .fade-in { | |
| animation: fadeIn 0.4s ease-out forwards; | |
| } | |
| /* Link Hover Underline Animation */ | |
| .hover-underline-animation { | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .hover-underline-animation::after { | |
| content: ''; | |
| position: absolute; | |
| width: 100%; | |
| transform: scaleX(0); | |
| height: 2px; | |
| bottom: 0; | |
| left: 0; | |
| background-color: #1877f2; | |
| transform-origin: bottom right; | |
| transition: transform 0.25s ease-out; | |
| } | |
| .hover-underline-animation:hover::after { | |
| transform: scaleX(1); | |
| transform-origin: bottom left; | |
| } |