v2.5.2
Giriş yap

Bunu nasıl yaparım

merakli
548 defa görüntülendi

<?php
    Fare ile üstünde gelince altında çıkan mavi şeyi nası yapabilirim
?>
Cevap yaz
Cevaplar (1)
webdevyusuf
1349 gün önce
* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: arial, sans-serif;
}

h3 {
  font-family: verdana;
}

.crypto-coins {
  .crypto {
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    background: #eee;
    border-radius: 4px;
    padding: 18px;
    padding-bottom: 0;
    box-shadow: 0 0 0 0.25rem #a0a0a0;
    position: relative;
    h3 {
      text-align: center;
      font-size: 24px;
    }
    a {
      display: none;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 93%;
      text-align: center;
      background: #06f;
      color: #fff;
      padding: 6px;
      transition: 250ms bottom;
      &:hover {
        bottom: 10px;
      }
    }
    &:hover a {
      display: block;
    }
  }
}
<div class="crypto-coins">
  <div class="crypto">
    <h3>Bitcoin</h3>
    <div class="money">18,245.4 USD</div>
    <a href="#">Detayları Gör</a>
  </div>
  <div class="crypto">
    <h3>Ethereum</h3>
    <div class="money">598.296 USD</div>
    <a href="#">Detayları Gör</a>
  </div>
</div>