Gümrah
Gümrah
PostsComments
KPCKevin Powell - Community
Created by Gümrah on 4/28/2025 in #help
<img> / <picture> in HTML or bg-image in CSS ?
No description
8 replies
KPCKevin Powell - Community
Created by Gümrah on 6/15/2023 in #front-end
Button hover effect working reversely
When I mouse over the button, transition effect only works after leaving from it. Can u help me please? Live: https://results-summary-component-git-main-gsindar.vercel.app/ Code: 
button {
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 8rem;
    background: $neutral-darkGrayBlue;
    color: $neutral-white;
    padding: 1rem;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: 1s ease-in;

    &:hover {
      background: linear-gradient(
        $gradient-bg-lightSlateBlue,
        $gradient-bg-lightRoyalBlue
      );
    }
  }
button {
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 8rem;
    background: $neutral-darkGrayBlue;
    color: $neutral-white;
    padding: 1rem;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: 1s ease-in;

    &:hover {
      background: linear-gradient(
        $gradient-bg-lightSlateBlue,
        $gradient-bg-lightRoyalBlue
      );
    }
  }
4 replies