<div class="container">
      <div class="icon insta">
        <div class="in-hover">
          <div class="card">
            <div class="user_img">
              <img
                src="https://scontent-bom1-1.cdninstagram.com/v/t51.2885-19/s320x320/106254983_565459507697329_8546373052325747404_n.jpg?tp=1&_nc_ht=scontent-bom1-1.cdninstagram.com&_nc_ohc=-bS16ADLnHkAX_eNE9S&edm=ABfd0MgAAAAA&ccb=7-4&oh=59216cfea8a06b7fbfe593b1e19bfa30&oe=60A49973&_nc_sid=7bff83"
                alt=""
              />
            </div>

            <div class="user_info">
              <h1>developer_nikhil27</h1>
              <p>Visit my instgram page</p>
              <a
                class="btn"
                href="https://www.instagram.com/developer_nikhil27/"
                target="_blank"
                >Follow</a
              >
            </div>
          </div>
        </div>
        <span><i class="fab fa-instagram"></i></span>
      </div>

      <div class="icon github">
        <div class="gt-hover">
          <div class="card">
            <div class="user_img">
              <img
                src="https://avatars.githubusercontent.com/u/45140298?v=4"
                alt=""
              />
            </div>

            <div class="user_info">
              <h1>nikhil27b</h1>
              <p>Checkout my github & share feedback</p>
              <a class="btn" href="https://github.com/Nikhil27b" target="_blank"
                >Visit</a
              >
            </div>
          </div>
        </div>
        <span><i class="fab fa-github"></i></span>
      </div>

      <div class="icon youtube">
        <div class="yt-hover">
          <div class="card">
            <div class="user_img">
              <img
                src="https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/2X/4/4d093538f7f8ed99fa2b480f333d1c1c5dd3969e.jpeg"
                alt=""
              />
            </div>

            <div class="user_info">
              <h1>NIKHIL 27</h1>
              <p>Subcribe to my youtube channel</p>
              <a
                class="btn"
                href="https://www.youtube.com/channel/UCNuzodv7WIV2SP1ttsDc_tw"
                target="_blank"
                >Subcribe</a
              >
            </div>
          </div>
        </div>
        <span><i class="fab fa-youtube"></i></span>
      </div>
    </div>
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
}

.container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fb3640;
}

.icon {
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  margin: 10px 40px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.card {
  background-color: #fff;
  top: -100px;
  left: -5px;
  width: 280px;
  height: 100px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 10px;
  justify-content: space-around;
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.card:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.insta:hover .card,
.youtube:hover .card,
.github:hover .card {
  opacity: 1;
  transform: translateY(-10px);
}

.card .user_img img {
  height: 70px;
  margin-right: 20px;
  width: 70px;
  border-radius: 5px;
}

.user_info h1 {
  font-size: 18px;
  color: #1e212d;
  margin: 10px 0;
}

.user_info p {
  color: #a1a1a1;
  font-size: 12px;
}

.btn {
  font-size: 14px;
  margin: 20px 0;
  cursor: pointer;
  text-decoration: none;
  color: #1e212d;
}

.btn:hover {
  color: #fb3640;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.