?AlkantarClanX12

Your IP : 216.73.217.134

Current Path : /home/r/a/n/rankinh/numerik/wp-content/themes/blackdsn/assets/sass/blocks/dsn-block/
Upload File :
Current File : /home/r/a/n/rankinh/numerik/wp-content/themes/blackdsn/assets/sass/blocks/dsn-block/_team.scss

.dsn-team {
  .team-item-inner {
    .box-img {
      position: relative;
      max-height: 450px;
      overflow: hidden;
      height: 390px;

      &:before {
        z-index: 1;
      }

      img {
        transition: transform 0.8s cubic-bezier(0.24, 0.87, 0.24, 0.89);
      }
    }


    .team-content {
      position: relative;
      margin-top: -58px;
      width: 100%;
      backdrop-filter: blur(8px);
      border: 1px solid $border-color;
      padding: 30px;
      z-index: 2;

    }


    .text-name + .text-position {
      margin-top: 10px;
    }

    .text-position, .text-name {
      transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
    }

    .text-position {
      font-weight: 400;
      transform: translateY(0);
    }

    .team-socials {
      list-style: none;
      position: absolute;
      width: 100%;
      left: 0;
      opacity: 0;
      transform: translateY(-25px);

      &, li a {
        transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s, opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
      }

      li {
        a {
          position: relative;
          width: 50px;
          height: 50px;

          &:hover {
            border: 0;
          }
        }
      }
    }

    &:hover {
      img {
        transform: scale(1.2);
      }

      .text-name {
        transform: translateY(-10px);
      }

      .text-position {
        transform: translateY(-25px);
        opacity: 0;
      }

      .team-socials {
        opacity: 1;
        transform: translateY(-32px);
      }
    }
  }

}